老师请帮忙检查
来源：3-4 编程练习
qq_慕容254374
2020-03-08 23:35:37
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0px;padding:0px;}
.two{
overflow:hidden;
}
.four{
}
.two .three{
margin:10px;
border:1px solid red;
float:left;
}
.four .four1{
border:1px solid red;
margin:10px;
float:left;
}
</style>
<!-- 此处编写样式 -->
</head>
<body>
<div class="one">
<div class="two">
<div class="three">
<div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="three">
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="three">
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
<div class="four">
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</div>
<!-- 此处写代码 -->
</body>
</html>
1回答
-
好帮手慕言
2020-03-09
同学你好，最外层元素是有边框的，同学没有设置，建议：设置边框，另外：元素距离父级之间的距离也应该是一样的，建议：给父级设置padding属性，属性值与子元素的margin相同，代码如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0h020-03-09
相似问题