2011-01-23 73 views
2

當我在學習CSS的時候,我會讀到當你漂浮元素時需要每個元素的寬度。這是真的?用CSS浮動 - 是否需要寬度?

我現在問的原因是因爲我想浮動不同寬度的元素;但顯然這不起作用,因爲更長的元素會包裝到下一行。我拿出了CSS &中元素的寬度,它顯示了我希望如何......元素只佔用空間&,如果容器的寬度太長,那麼它只會顯示在下一個線。

+0

你能舉個例子嗎?我無法想象這一點。 – Eray 2011-01-23 20:01:10

+0

http://www.w3.org/TR/CSS21/changes.html#q58 – reisio 2011-01-23 20:56:40

回答

2

寬度不是必需的。這完全取決於你想要完成的事情。

當我漂浮元素與靜態寬度它通常是創建一個柱狀佈局

.sidebar { float: left: width: 30%; } 
.content { float: left: width: 70%; } 

但有時候你想要的物品佔用較小的空間儘可能和換到下一行,寬度不是必需的。

,與以往一樣,當你漂浮,確保您clear:bothleftright

2

不,這不是必需的。很多人說你應該,但它不是必需的。

2

一個浮動,因爲它需要元素將只佔據儘可能多的寬度。包含元素將縮小或擴大到其大小。

如果你沒有浮動塊級元素,它會擴大到100%的寬度。

1

在舊版瀏覽器(例如Firefox 1.0)中的情況屬實,但在現代瀏覽器中並非如此。