更多"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