我创建了一个网站（现在它看起来很可怕，因为所有可怕的颜色，但这些只是让我看到我的div在这个定位体育场的位置）有一个非常基本的布局，它可以找到{{ 3}}。
现在我的问题是，当我在学校并在Windows机器上使用chrome访问我的网站时，它看起来很好。 div#side旁边是div#content，但是当我在家里访问我的网站时，我现在也在使用Chrome的Mac机器上，div开始移动...
我第一次加载页面看起来很好。第二次加载页面时，它向下移动了div#content的高度，但仍然在页面的右侧。并且每页面载量发生了变化，那里的时间分别为2,4,6,8等。
在Camino上（仍然在mac机器上）它每次都在那里，它没有移动......
在safari上，它的行为完全符合我的要求，图片找到here。这是一张.tiff图片，希望大家都能看到它......
现在的问题是：我如何获得图像跨浏览器中显示的页面？
PS
图像中的字体只是我使用safari首选项和更改默认字体的结果。
答案 0 :(得分：0)
您的侧栏宽度为25％，内容为75％。然后你的.vr是1px，所以你的总宽度是100％+ 1.侧边栏（最后一个元素）不适合左边的宽度（它是1px太大）。
有很多方法可以解决这个问题。尝试稍微改变你的宽度或稍微不同地处理vr。您可以使用此处描述的虚拟列方法：http://www.alistapart.com/articles/fauxcolumns/