CSS清除与浮动
特点:
父元素默认不包含浮动元素
浮动元素脱离了文档流,其父元素也看不到它了,因而也不会包围它;原来紧跟其后的元素就会在空间允许的情况下,向上提升与浮动元素平起平坐
如果有两个相邻元素,第一个浮动,第二个清除,清除后它就会呆在浮动元素下方
围住浮动元素的三种方法:
第一个方法很简单,缺点是不太直观,即为父元素应用overflow:hidden,以强制它包围浮动元素。
第二种促使父元素包围其浮动子元素的方法,是也让父元素浮动起来。
第三种添加非浮动的清除元素:第三种强制父元素包含其浮动子元素的方法,就是给父元素的最后添加一个非浮动的子元素,然后清除该子元素。
div元素
使用clearfix规则
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;}
?
?
?
?
?
?