0

我可能会因此打破“规则”,但对于我的 960 网格系统,我有几列添加了右边框样式。这会使该列 1px 太大。因此,如果我有一组完整的列,最右边的列会溢出到下一行。这显然是不可取的。

我通过手动将列的宽度减小与边框相同的厚度来“修复”这个问题 - 1px。这非常有效。

问题是我刚刚向一位同事做了我的网站演示,当他们打开网站时,仍然存在溢出问题。在我的计算机上看起来不错的列 - Mac(在 Chrome、Firefox 和 Safari 中)在其 Firefox 浏览器(运行 Windows 7)上存在溢出问题。我尝试远程进入他们办公室的 Windows 盒子并在 Firefox 中查看该站点,它工作正常。

我的问题是:我如何确保在我的计算机上看起来正确的东西在其他人的计算机上看起来正确?同一个站点怎么可能在两台运行 Windows 7 的不同机器上的同一个浏览器中查看?

4

1 回答 1

0

To keep the container that has the border from overflowing, wrap it in another container.

For example:

<div class="grid_4">
    <div class="div_with_border">This is the container with the border</div>
</div>
于 2014-01-20T01:23:38.767 回答