float

锟斤拷锟狡憋拷页锟斤拷锟斤拷

Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+

语法：

float：none | left | right

默认值：none

适用于：所有元素

继承性：无

动画性：否

计算值：指定值

媒体：视觉

取值：

none：
设置元素不浮动
left：
设置元素浮在左边
right：
设置元素浮在右边

说明：

定义了元素向左或者向右浮动放置。请参阅clear属性
  • 如果float不是none，当display: inline-table时，display的计算值为table；当display: inline | inline-block | run-in | table-*系时，display的计算值为block，其它情况为指定值；
  • 当一个元素是绝对定位元素或者定义了display为none时，float定义不生效。
  • 对应的脚本特性为styleFloat（IE）或cssFloat（非IE）。(注意这里为styleFloat或cssFloat，而不是float)

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例：