CSS float 属性


实例

让图像向右侧浮动:

img
{
float:right;
}
运行一下 »

在此页底部有更多的例子。

属性定义及使用说明

float属性指定一个盒子(元素)是否应该浮动。

注意: 绝对定位的元素忽略float属性!

默认值:none
继承:no
版本:CSS1
JavaScript 语法:object.style.cssFloat="left"

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持float属性。

注意: IE7和更早的版本不支持"inherit"的值。IE8需要定义!DOCTYPE。IE9支持"inherit"。

属性值

描述
left元素向左浮动。
right元素向右浮动。
none默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit规定应该从父元素继承 float 属性的值。

在线实例

段落的首字母浮动于左侧
使段落的首字母浮动于左侧,并向这个字母添加样式。

创建一个水平菜单
使用浮动来创建水平菜单的超链接列表。

创建无表格的首页
使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。