日期:2014-05-16  浏览次数:20571 次

CSS 浮动与清除

CSS清除与浮动

特点:

父元素默认不包含浮动元素

浮动元素脱离了文档流,其父元素也看不到它了,因而也不会包围它;原来紧跟其后的元素就会在空间允许的情况下,向上提升与浮动元素平起平坐

如果有两个相邻元素,第一个浮动,第二个清除,清除后它就会呆在浮动元素下方

围住浮动元素的三种方法:

第一个方法很简单,缺点是不太直观,即为父元素应用overflow:hidden,以强制它包围浮动元素。

第二种促使父元素包围其浮动子元素的方法,是也让父元素浮动起来。

第三种添加非浮动的清除元素:第三种强制父元素包含其浮动子元素的方法,就是给父元素的最后添加一个非浮动的子元素,然后清除该子元素。

div元素

使用clearfix规则

.clearfix:after {   
  content:".";  
  display:block;  
  height:0;   
 visibility:hidden;
 clear:both;}

?
?

?

?

?

?