麻烦帮我检查一下哪里不对，谢谢
来源：3-4 编程练习
慕移动8502409
2020-04-08 17:52:36
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 此处编写样式 -->
<title>123</title>
<style type="text/css">
*{
margin:0;
padding:0;}
.container
{width:786px;
border:1px dashed #cccccc;
overflow: hidden;
}
.one,.two,.three,.four,.five,.six
{
margin:10px;
border:1px solid #cccccc;
width:240px;
text-align: center;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="one">
<img src=http://climg.mukewang.com/590fe9770001e63102400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
</div>
<div class="two">
<img src=http://climg.mukewang.com/590fe97d00011bda02400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
</div>
<div class="three">
<img src=http://climg.mukewang.com/590fe982000150ba02400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
<div class="four">
<img src=http://climg.mukewang.com/590fe9770001e63102400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
</div>
<div class="five">
<img src=http://climg.mukewang.com/590fe97d00011bda02400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
</div>
<div class="six">
<img src=http://climg.mukewang.com/590fe982000150ba02400135.jpg>
<p>欢迎来慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
同学你好，问题如下：
1. 元素嵌套错误、标签未闭合，导致结构混乱，如下:
修改如下：
2. 元素和父容器之间的距离同元素与元素之间的距离不相等，如图：
建议给父元素加上padding调整一下，参考如下：
3. 选择器可以优化，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题