HTML浮动

一.浮动的特点
1.浮动可以使元素从左到右紧密排列
2.浮动的元素具有块级元素的特点（可以设置宽高，margin,padding）
3.浮动后的元素不存在上下外边距合并问题，可以理解为浮动之后的元素与标准流不在同一层级。
4.浮动的元素脱离了文档流，不再占有原来的位置。
5.一个元素设置浮动后，其他的同级元素都要设置浮动。
6.元素设置浮动后，原有的自适应占父元素的百分百宽度变为包裹内容的宽度。
7.元素设置浮动后，会影响后面元素的布局，所以设置浮动后一定要及时清除（清除浮动的属性 clear: left/right/both）。在实际开发中，较为常见的是设置为both。
二.清除浮动
----清除浮动的本质就是清除浮动元素造成的影响
       如果父盒子本身就有高度，则不需要清除浮动
           语法：
               clear：both;
      清除浮动的方法
         1.额外标签法
               在浮动元素的末尾添加一个空的标签。例如<div style="clear:both"></div>.
              注意：添加的元素必须是块级元素
          2.父级添加overflow属性
               语法：
                 overflow：hidden;
           3.父级添加after伪元素

.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* IE6、7专有
.clearfix{
	*zoom:1;
}