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
同学你好,效果实现了,建议优化:去掉蓝色盒子的浮动,去掉红色盒子的定位属性,直接给蓝色盒子设置定位实现效果就可以了,简化代码书写
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题