CSS清除浮动常用的解决办法
只需要在样式中添加以下代码就可以
其中clearfix是需要清除浮动的盒子的类
.clearfix:before,.clearfix:after {
content:"" ;
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom:1;
}
例子:
div盒子部分
<div class="box-bd">
<ul class="clearfix">
<li>
<img src="image/pic.png">
<h4>
例子
</h4>
</li>
<li>
<img src="image/pic.png">
<h4>
例子
</h4>
</li>
</div>
CSS样式部分
.clearfix:before,.clearfix:after {
content:"" ;
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom:1;
}