CSS `float` 属性

说明

float CSS 属性指定一个框是否应该向左、向右或根本不浮动。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

float:

left | right | none | initial | inherit

下面的例子展示了 float 属性的作用。

p.red {
    float: left;
}
p.green {
    float: right;
}

下表描述了该属性的值。

值	说明
`left`	元素浮动在其包含块的左侧。内容在框的右侧流动，从顶部开始。
`right`	与 `left` 类似，只是盒子向右浮动，内容在盒子的左侧流动，从顶部开始。
`none`	盒子没有浮动。这是默认值。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `float` 属性的计算值。

所有主要的现代浏览器都支持 float 属性。

请参阅以下教程： CSS 浮动, CSS 对齐.