麻烦老师帮我批改下，有哪些地方可以修改一下呢，感觉没其他同学的简洁
来源：3-2 编程练习
Ranbo2016
2017-12-11 23:24:31
<!DOCTYPE html>
<html>
<head>
<style>
.container{
border:1px dashed #a2a2a2;
float:left;
padding:5px;
width:756px;
}
.list{
border:1px solid #9b9898;
width:240px;
margin:5px;
float:left;
}
p{
line-height:20px;
height:20px;
padding:5px;
margin:0px;
}
img{display: block;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="pic" />
<p>欢迎来到召唤师峡谷！</p>
</div>
</div>
</body>
</html>写回答
1回答
-
经测试，实现的效果没有问题，代码的思路也是对的。
可以修改的地方：
1、可以给.container设置固定的高度，不用给它设置浮动，当然你设置浮动来确保父元素能正常显示也是可以的，不过建议给父元素通过设置固定高度，来保证父元素正常显示。
2、给*选择器设置margin：0；padding:0;确保消除每个元素的内外边距。
祝学习愉快！
1h017-12-18
相似问题