摘要:
float是网页布局中都要使用的css属性,他为我们灵活布局提供了方便,但同时浮动太多会带来很多麻烦,所以我通常的做法是使用float完后,马上清除他。float的本质是脱离的正常的html文档流,就是由于他脱离的文档流才出现了很多麻烦。
清除浮动(我更喜欢叫闭合浮动元素)的最简单的方法就用加入空的标签,但是这种不够语义化,也显得不是很灵活,每次都要加额外的 html。于是有人就想到css里面有一个:after的,这样就不需要加入额外的html了,完全由css完成,于是就有了下面这段比较经典的css代码:
.clear:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;} 阅读全文