2014-01-08 14 views
0

在這裏和那裏我看到的建議,我應該總是設置浮動項目的寬度。但是當我探索流行的Web服務(如Twitter/Google)的CSS時,我發現幾乎沒有人會這樣做。我應該總是明確地設置浮動物品的寬度?

難道總是被認爲是不錯的風格浮動物品的設置寬度?在哪些情況下,我應該設置「寬度」屬性以及何時可以安全省略?

的一些話:

SmashingMagazine says that

「你應該始終設置在浮動元素的寬度(除非直接應用於圖像 - 其中有隱含的寬度)。如果沒有寬度設置,其結果可能是不可預測的。」

HTML and CSS: Design and Build Websites book says:

當你使用float屬性,你也應該用width屬性指示浮動元素應該有多寬是。如果不這樣做,結果可能會不一致,但該框可能佔用包含元素的全部寬度(就像在正常流程中一樣)。

回答

1

那麼它真的取決於瀏覽器,你必須檢查多個瀏覽器的結果,以確保他們沒有「誤解」你的設置。無論如何,我會設置一個寬度,因爲沒有瀏覽器可以誤解。

1

塊元素取父段的全部寬度。如果你使用float,它不會佔用全部寬度,寬度就是它的寬度。

1

我使用包含div的百分比的浮動元素的寬度,唯一的問題是,包含的div可能不會環繞其內容,所以你必須把主要的div溢出:auto

相關問題