Html 设计这个的最好方法是什么？浮动还是有更好的方法？附图片

抱歉的粗糙的图像，但每个框将在一个div在我的网站。我希望它能够响应，以便在不同的屏幕大小上工作良好，因此我知道在定义每个div的宽度时必须使用%，但使用float是否正确？有没有比浮动div更简单的方法？我也不确定这是否有效

---

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

---

例如：

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

---

您最大的div将向左浮动；然后这两个用蓝色勾勒出的我的补充，也飘向了左边。在这些蓝色div中，添加您自己的两个或三个div，没有浮动。这是我所知道的让这个布局工作的最简单的方法。为了获得最佳效果，请将所有样式保存在样式表中，以改进缓存和维护工作。

很抱歉，我没有明确说明这一点，我只是想了解如何实现图像中的内容。我看到了，我现在就尝试一下。非常感谢。