float

  • 版本:CSS1
  • 媒体:视觉
float属性在CSS布局中是比较常用的,本文将带你深入理解float属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上float的演示案例,希望能够对你有所帮助。

float的具体语法

floatnone | left | right

默认值none

适用于:所有元素

继承性:无

动画性:否

计算值:指定值

float的取值介绍

none:
设置对象不浮动
left:
设置对象浮在左边
right:
设置对象浮在右边

float的使用说明

该属性的值指出了对象是否及如何浮动。请参阅clear属性
  • 如果float不是none,当display:inline-table时,display的计算值为table;当display:inline | inline-block | run-in | table-* 系时,display的计算值为block,其它情况为指定值;
  • float在绝对定位和display为none时不生效。
  • 对应的脚本特性为styleFloat(IE)或cssFloat(非IE)。(注意这里为styleFloat或cssFloat,而不是float)

float的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 7.0

float的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册