2-7作业提交

来源:2-7 编程练习

qq_慕斯7214945

2020-07-27 14:07:42

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

    *{

        padding: 0;

        margin: 0;

    }

        .blue{

            width: 100px;

            height: 100px;

            background: blue;

            float:left;

            position: relative;

            top:50px;

            left:50px;

            z-index:9;

            /*在此处添加相应代码*/

        }

        .red{

            width: 100px;

            height: 100px;

            background: red; 

            position: relative;

            top:100px;

        }

    </style>

</head>

<body>

    <div class="blue"></div>

    <div class="red"></div>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-07-27

同学你好,效果实现了,建议优化:去掉蓝色盒子的浮动,去掉红色盒子的定位属性,直接给蓝色盒子设置定位实现效果就可以了,简化代码书写

http://img.mukewang.com/climg/5f1e82b309baef3e04900520.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程