抱歉图像的粗糙度，但每个框都将位于我网站的一个 div 中。我希望它具有响应性，因此可以在不同的屏幕尺寸上正常工作，所以我知道在定义每个 div 的宽度时我必须使用 % ，但是使用浮动是正确的方法吗？有没有比浮动 div 更简单的方法？我也不确定这是否会奏效。
问问题
98 次
2 回答
4
为此，我会使用更多的 div： 
你最大的 div 会向左浮动；然后用蓝色勾勒出的两个（我的补充）也向左浮动。在这些蓝色 div 中，添加您自己的两个或三个 div，没有浮动。这是我所知道的让这个布局工作的最简单的方法。为获得最佳结果，请将所有样式保存在样式表中，以改进缓存和维护工作。
于 2012-04-17T14:37:24.300 回答
0
您不一定需要使用使用百分比分配宽度的浮动 div 来设计它。相反，您可以为您希望支持的各种类型的平台设计一个 CSS 类，然后使用 CSS 媒体查询来切换它们。这就是 Twitter Bootstrap 等现代框架完成这项任务的方式。
例如：http: //twitter.github.com/bootstrap/scaffolding.html#responsive
于 2012-04-17T14:35:18.837 回答