CSS float属性

The float property sets where an image or a text will appear in another element.
float属性可设置在另一个元素中的图片或是一段文字在哪出现。

Note: If there is too little space on a line for the floating element, it will jump down on the next line, and continue until a line has enough space.
注意:如果在一行空间上的浮动元素过多,超出了空间的容纳范围,它就会自动跳到下一行中,直到一行有足够的空间容纳它。

Note: Content, background, and borders of inline elements should go in front of the float. Background and borders of a block element should go behind the float, but the content of the block element should go in front of the float.
注意:在inline元素中的内容,背景以及边框会在浮动层的上面。block元素的背景边框则会在浮动层的下面,而内容会在其上面。

Inherited: No
继承性:无

Example
举例
img
{
float: left
}
Possible Values
可能用到的值
Value
描述
left
The image or text moves to the left in the parent element
图片或是文字移动到父层的左边
right
The image or text moves to the right in the parent element
图片或是文字移动到父层的右边
none
The image or the text will be displayed just where it occurs in the text
图片或是文字回到它本应该出现的位置

你可能感兴趣的:(float)