首页 > 代码库 > CSS万能闭合代码
CSS万能闭合代码
给需要闭合的DIV（class为clearfix）加上如下的CSS样式（万能闭合代码）即可：
.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
简化写法：
.clear{clear:both;height:0px;overflow:hidden;}>
例如：
<div class="clearfix" style="border:1px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>
如果不给class加上万能闭合代码，则无法使外层的div框包围float的div。这是因为内部的DIV因为float:left之后，外部就丢失了clear:both和 display:block的样式。当然也可以使外部div也进行浮动或者在最后新增内部clear：both的div。
CSS万能闭合代码
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。