更多"Try it Yourself"下面的例子。
定义和用法
float属性指定一个盒子与否(an element)应该浮动。
Note:绝对定位的元素忽略浮动属性!
默认值: | none |
---|---|
遗传: | no |
动画: | no. Read about animatable |
版: | CSS1 |
JavaScript语法: | object .style.cssFloat="left" Try it |
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
float | 1.0 | 4 | 1.0 | 1.0 | 7 |
CSS语法
float: none|left|right|initial|inherit;
属性值
值 | 描述 | 播放 |
---|---|---|
none | 元素不浮动,只是它在文本中出现就会显示出来。 这是默认 | 播放 ” |
left | 元素浮动到左侧 | 播放 ” |
right | 元素浮动权 | 播放 ” |
initial | 将此属性设置为默认值。 阅读关于初始 | 播放 ” |
inherit | 继承其父元素此属性。 阅读关于继承 |
更多示例
让一个段落浮动到左侧的第一个字母
让一个段落浮动到左边的第一个字母和样式信。
创建一个横向菜单
使用float超链接的列表,以创建水平菜单。
创建无表的主页
使用浮动创建具有页眉,页脚,左内容和主要内容的主页。
相关页面
CSS教程: CSS的float
HTML DOM参考: cssFloat property