利用伪元素:after 清除浮动
发布时间：2015-10-14, 11:01:24 分类：HTML | 编辑 off 网址 | 辅助
正文 763字数 68,041阅读
<title>Float</title>
<style type="text/css">
ul {
list-style-type: none;
width: 800px;
background: blue;
}
li {
float: left;
}
/*利用:after伪元素*/
.clearUl:after {
content:"";
display: block;
clear: both;
}
</style>
<ul class="clearUl"> <!--为包含的外围元素设置类-->
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
<li><img src="5.jpg"></li>
<li><img src="6.jpg"></li>
</ul> Run code
Cut to clipboard
（支付宝）给作者钱财以资鼓励 （微信）→
暂无评论 »