css float属性设置问题？

html-css011

css float属性设置问题？,第1张

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

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

css中的FLOAT是对齐方式。

1、LEFT是左对齐；

2、RIGHT是右对齐；

3、CENTER是居中；

4、NONE就是取消对齐方式；

定义和用法如下：

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

实例如下：

把图像向右浮动：

img

{

float:right

}