CSS float 浮动

CSS float (浮动)：

属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停下来(文档流：是指文档中可显示对象在排列时所占用的位置)。会使元素向左或向右移动，其周围的元素也会重新排列。往往是用于图像，但它在布局时一样非常有用。

Float(浮动)属性值：

    Left:元素向左浮动

Right:元素向右浮动

None:默认值，元素不浮动

Inherit:规定应该从父元素继承float属性的值

清除浮动(clear)属性值：

Left:清除左侧浮动

Right:清除右侧浮动

Both:清除左右两边的浮动

清除浮动的几种常见方式：

(1) 直接为父元素设置高度

(2) 在父元素结束标签之前添加额外的元素，设置clear:both的样

(3) 使用CSS 的 after 伪元素(在使用伪元素清除浮动时，为了让IE6/IE7浏览器适用，要给clearfix的css添加一条zoom：1的样式)

(4) 使用css 的 overflow属性