html - 使用 CSS 制作带有边距的统一大小的 div 的液体网格

Question

如何在 CSS 中制作具有统一大小和边距的元素的液体网格？

我遇到的主要问题是边距。我觉得显而易见的解决方案是将宽度和边距设置为百分比并完成。这不起作用，因为垂直边距是容器宽度的百分比。当容器水平调整大小时，垂直间距关闭。

我试过两种方法。一个是 percentage margins和 one with 'em' margins .它们都不能正确缩放。我能做什么？

Answer 1

您正在寻找这样的东西吗？ http://jsfiddle.net/LMJTu/

在 fiddle 上，单击按钮以更改外部 div 的大小。