我为一个页面构建了一个CSS布局，该布局似乎在目前为止已经过测试的浏览器中运行，之前已经验证过CSS和HTML。
随机地，布局中断并且div移动就好像它们丢失了浮动一样。在Firefox 4和IE8中确实发生了中断，因此它不是特定于浏览器的。有时候有四个div移动了，但有时只移动了一个 - 所以它每次都不会以同样的方式打破。休息通常在离开现场一段时间后发生，并通过一次或两次刷新来修复。使用空缓存/清除浏览器历史记录无法触发中断。无论标题是在实际页面上还是作为包含，都会发生中断。中断可能发生在20次中的一次 - 但它看起来更像是在页面加载之间传递的时间而不是其他任何东西。我不明白这怎么可能纯粹是一个缓存问题，因为我删除缓存时无法重新创建问题。
最初，另一个论坛的回答说这是@fontface的使用，但今天我看到IE8和Firefox中的布局中断加载了2个@fontface字体....所以它只是在字体中打破了布局加载。所以我不确定这是不是问题。即使@fontface没有加载，也可以构建布局。
以下是中断网站的链接 - http://rg.isolatedfilmproductions.com。截图：
Broken layout as seen inIE8 http://rg.isolatedfilmproductions.com/img/css_not_loading.png
该站点位于共享的Apache服务器上。使用Windows Vista笔记本电脑，我的网速为12mbps。
答案 0 :(得分：0)
明确设置两个div的宽度，navigation_menu_container和company_name_container，并确保它们小于父窗口大小的100％。 IE在尺寸加上边距和填充（以及一般的盒子模型）方面存在问题，当浮动两个元素时，它几乎总是处于丑陋的头部.....导致元素被撞击。
这就是我喜欢使用960.gs的原因....不用担心IE上的盒子模型混乱。
另外，Chrome上的字体看起来很不稳定......
