CSS 浮动与清除

CSS清除与浮动

特点：

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

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

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

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

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

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

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

div元素

使用clearfix规则

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