应用错误收集

这很难解释，但希望会有一两个CSS忍者可以帮助我。

基本上，我想创建一个方形DIV网格（想象一下Windows 7手机地铁接口），它使用百分比拉伸以适应屏幕，并在正方形之间水平和垂直方向上具有相等的间隙。

这听起来很容易，但我真的无法解决。

让我举个例子。如果屏幕宽1000px并且横向有5个方格，那么我可以使每个宽约18％（每个180px，总共90％），留下10％的间隙但是......

1）如何浮动每个DIV，使屏幕左侧或右侧没有间隙，但每个方格之间水平间隙为2.5％？

2）如何在调整屏幕大小时创建比例垂直间隙以匹配方块之间的水平间隙？

3）如何确保每个DIV保持正方形，因此高度与宽度成正比，宽度是其容器宽度的百分比。

我是否认为这一切都错了？很困惑。

真的很感激任何帮助。