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 属性的值。


Examples

更多实例

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

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

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


相关文章

CSS 教程: CSS Float