css中的float属性详解

根据w3c的标准，position一共有五个属性值，none,inherit,left,right

1. none
   float的默认值，即不浮动，元素还在原来的位置
2. inherit
   从父元素继承float属性值
3. left
   左浮动
   4.right
   右浮动

任何元素都可以浮动，浮动元素会生成一个块级框，而不论它本身是何种元素。

使用浮动的时候页面会出现许多非正常现象，大多问题需要清除浮动，常见的清除浮动方法有三种：

1. 给父级元素设置高度
2. 使用clear:both清除浮动
3. 给父元素设置overflow:hidden属性