3-2麻烦帮忙看一下，浮动感觉理解的不够，不知道有没有错误，或者可以改进的地方
来源：3-2 编程练习
3宇軒
2017-08-08 21:29:30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
*{margin:0;padding:0;}
.a0{ border:dashed 1px #ececec;
padding-bottom:20px;
width:808px;
height:auto;
}
.a1{ border:solid 1px #ececec;;
width:240px;
height:auto;
margin-left:20px;
margin-top:20px;
float:left;
}
.a2{clear:both;}
</style>
<!-- 此处编写样式 -->
</head>
<body>
<div class="a0">
<div class="a1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<br/>欢迎来到慕课网学习新知识!
</div>
<div class="a2"></div>
</div>
<!-- 此处写代码 -->
</body>
</html>
1回答
-
整体的实现是没有问题的哟，还有一个要注意的是： .a0的宽度应该设置为806px;即：240+20+2 = 262（一个图片的宽度）；262*3=786px；再加上最右边的20px；即：806px（.a0的边框是不需要加的哟）。继续加油！祝学习愉快~
0h017-08-09
相似问题