老师请检查
来源：3-5 编程练习
piii
2020-08-07 13:36:50
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style>
div{
width: 100px;
height: 100px;
position:relative;
}
.div1{
background-color: red;
}
.div2{
background-color: green;
}
.div3{
background-color: blue;
}
.div0{
height: 300px;
left:300px;
position:absolute;
}
</style>
</head>
<body>
<div class="div0">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</div>
慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。
</body>
</html>写回答
1回答
-
同学你好，整体实现效果还是不错的，但是还有个地方需要注意一下
1，为div设置的定位，会固定class为div0的位置，所以可以不为div是设置定位，为class=div0设置定位即可。
2，并且效果图上蓝色位置覆盖了一半的绿色，同学没有实现
可以设置div3的margin-top为-50px；相当于向上移动一半的div距离
整体修改后如下
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
