网格960 - 列太大，导致包装

Question

我可能会打破这个'规则'，但对于我的960网格系统，我有一些列，我为它们添加了右边框样式。这会使该列1px过大。因此，如果我有一整套列，最右边的列会溢出到下一行。这显然是不可取的。

我通过手动将列的宽度减小到与边框相同的厚度来固定' - 1px。这非常有效。

问题是我只是向同事做了我的网站演示，当他们拉起网站时，仍然存在溢出问题。在我的计算机上看起来很好的列 - Mac（在Chrome，Firefox和Safari中）在Firefox浏览器（运行Windows 7）上出现溢出问题。我尝试远程进入他们办公室的Windows框并在Firefox中查看该网站，它运行正常。

我的问题是：如何确保在我的计算机上看起来正确的东西看起来对别人的？如何在两台运行Windows 7的不同计算机上的同一浏览器中查看同一站点？

Answer 1

要使具有边框的容器不会溢出，请将其包装在另一个容器中。

例如：

<div class="grid_4">
    <div class="div_with_border">This is the container with the border</div>
</div>