css float属性设置问题？

float的本意其实是环绕，float:left 当前元素之前的行内元素以及当前元素之后的行内元素或块级元素都会在当前元素的右边环绕（也可以理解为当前元素浮动到其他元素的左边，其他元素自动“让”出一个空位给当前元素），而 float:right 则是在当前元素的左边环绕。

要想让矩形在图片之上，不能用float，要用定位，即把 float: left 改为 position:absoluteleft:0top:0

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

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

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

1. 给父级元素设置高度

2. 使用clear:both清除浮动

3. 给父元素设置overflow:hidden属性

---