设计这个的最佳方法是什么？漂浮还是有更好的方法？附图

Question

很抱歉图像粗糙，但每个框都在我网站的div中。我希望它具有响应性，因此在不同的屏幕尺寸上工作得很好，所以我知道在定义每个div的宽度时我将不得不使用％，但使用浮动正确的方式去？有没有比仅仅浮动div更简单的方法呢？而且我不确定这是否也会奏效。

Answer 1

要做到这一点，我会使用更多的div：

你最大的div将向左浮动;然后用蓝色（我的附加物）勾勒出的两个也向左浮动。在这些蓝色div中，添加你自己的两个或三个div，没有浮点数。这是我知道让这种布局工作的最简单方法。为了获得最佳效果，请将所有样式保存在样式表中，以改善缓存和维护工作。

Answer 2

您不一定需要使用百分比为浮动div指定宽度来设计它。您可以为希望支持的各种类型的平台设计一个CSS类，然后使用CSS媒体查询切换它们。这就是像Twitter Bootstrap这样的现代框架完成这项任务的方式。

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