float

  • 版本:CSS1
  • 媒体:视觉
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

floatnone | left | right

默认值none

适用于:所有元素

继承性:无

动画性:否

计算值:指定值

取值:

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

说明:

该属性的值指出了对象是否及如何浮动。请参阅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)

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 7.0+ 3.2+ 2.1+ 18.0+

示例: