在CSS中当,当一个块元素浮动时,脱离文档流,下面的元素会顶上来,造成页面布局混乱,那么怎么清除浮动呢?
总结了如下两种常用的方法:
-
在待清除浮动块元素后,插入一个空的块元素,并添加class=“clearfix”
-
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
-
在bootStrap中,直接使用在待清除块元素之后插入
<div class="clearfix"></div>