什麼是設計這個最好的方法？漂浮還是有更好的方法？附圖附件

Question

抱歉圖像粗糙，但每個盒子都會放在我的網站上。我希望它能夠響應，以便在不同的屏幕尺寸上很好地工作，所以我知道在定義每個div的寬度時我將不得不使用％，但是使用的是正確的方式嗎？有沒有更簡單的方法來做到這一點，而不僅僅是浮動divs？而且我不確定這是否也可以。

Answer 1

要做到這一點，我會用幾個div的：

你最大的div將浮左;那麼藍色的兩個（我的補充），也漂浮在左邊。在這些藍色div的內部，添加您自己的兩個或三個div，而不是浮動。這是我知道讓佈局工作的最簡單的方法。爲了獲得最佳效果，請將所有樣式放在樣式表中以改進緩存和維護工作。

Answer 2

你不一定需要使用浮動比例分配div的寬度設計這個。您可以爲希望支持的各種類型的平臺設計一個CSS類，然後使用CSS媒體查詢切換它們。這就是Twitter Bootstrap這樣的現代框架如何完成這項任務。

例如：http://twitter.github.com/bootstrap/scaffolding.html#responsive