两个两个对齐四个正方形

Question

我希望在包装器div中有四个div，它们将针对所有分辨率进行优化。 这是我想要的一个例子：

这可能是一个非常新手的问题，但我无法解决这个问题，无法解决所有问题，感谢您花时间阅读我的问题。

Answer 1

你可以将两个div放在一起，宽度为50％。我也改变了盒子大小以包括边框，所以我可以放入边框来显示盒子的位置。

您可以在此处查看代码：http://jsfiddle.net/njy8925n/

width:50%;
float:left;
box-sizing:border-box;

编辑：如果你想让他们的高度等于他们的宽度，那么它会有点棘手......