共用方式為


float

設定文字流向是朝向物件的哪一邊。

語法

{ float: sFloat }

可能的值

sFloat

指定或接收下列其中一個值的字串:

none

預設值。物件會顯示在文字中出現的位置。

left

文字的流向會朝向物件的右側。

right

文字的流向會朝向物件的左側。

此屬性有預設的 none 值。這不是繼承屬性。

備註

使用 leftright 值時,物件會被視為區塊層級物件,也就是會忽略 display 屬性。例如,浮動段落允許段落在網頁中並排顯示。

接在浮動物件後面的物件會移至相對於浮動物件的位置。

浮動物件會向左或向右移動,直到到達另一個區塊層級物件的框線、邊框或邊界。

DIV 與 SPAN 物件必須先設定寬度後,才能呈現 float 屬性。

範例

此範例顯示 float 屬性如何影響文字的流向。sphere 影像會在文字的左側浮動,而 cone 則會在右側浮動:

<img src="sphere.jpg" style="float:left">
<img src="cone.jpg" style="float:right">

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。

適用於

A、ADDRESS、APPLET、B、BIG、BLOCKQUOTE、BUTTON、CENTER、CITE、CODE、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FORM、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OBJECT、OL、P、RT、RUBY、S、SELECT、SPAN、SUB、TABLE、TT、U、UL、VAR、XMP

請參閱

概念

clear

display