CSS float

CSS float 属性与用法

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

注意： 绝对定位的元素忽略float属性！

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

 

CSS float 属性值

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

 

CSS float 浏览器支持

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

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

 

CSS float 实例

让图像向右侧浮动：

img {
    float:right;
}

在线运行

 

更多实例

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

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

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

 

相关文章

CSS 教程: CSS Float