老师帮我看看这个代码生效没（.one after:）的这个
来源：3-4 编程练习
慕婉清5296191
2019-07-21 14:58:11
（.one after:）的这个
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.one{width:810px;}
.one:after{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
dl{float:left;border:1px #ccc solid;margin:10px;}
</style>
</head>
<body>
<div class="one">
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
<div>
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识!</dd>
</dl>
</div>
</div>
</body>
</html>
1回答
-
同学你好，1、如下，是生效的，清除了浮动，父级高度没有坍塌，但是由于没有边框，所以没有看出来，建议：可以给父级添加下边框，例：
2、大盒子的宽度，可以再调整下，一个图片单元的占据的宽是262px，一行三个，262*3 = 786。所以大盒子的宽，可以设置为786px，例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题