我今天注意到，我几个月前完成的网站在Firefox和IE8上的显示效果不佳（在IE9中运行良好）。现在已经很老了，我可以确定我当时测试了浏览器的兼容性，但是我猜确实有误。
问题是我似乎无法理解问题。基本上，我有一个固定位置的左侧浮动边栏，但它在FF和IE8的右侧（位于其容器外部）呈现。我总是可以从头开始重新构建布局（它使用Skeleton Grid系统），但仍然想了解问题。
Example page that's broken on the website.
尝试使用各种浏览器打开它，然后自己看看。另外，如果有人在FF上看到它，我也很感兴趣。
非常感谢！
编辑：我不要求整个调试。就算有人知道这个问题。
编辑2：验证程序链接在此处无关。我已经检查过了，它们基本上是css的前缀，而html是CMS相关的。
Edit3：我对其进行了修复，并准备了一个完整的发布答案，但是由于我是新用户，因此我无法在接下来的7小时内回答自己的问题...所以这里是：
我只是根据您的答案提示整理了整个内容（谢谢
您！）。
基本上，这与浏览器如何处理浮动内容有关
固定元素。想象我们正在处理连续的“ float：left”
元素，在大多数网格系统中都是这样（960gs，引导程序，
等等。）。
这是浏览器在不固定的情况下如何处理这些元素的方法
定位：http://jsfiddle.net/cPjdK/并使用float：right：
http://jsfiddle.net/cPjdK/1/
现在，如果我们有很长的第三列并想修复第一列该怎么办
（我的例子）？好吧，它基本上禁用了浮动，因为固定
元素不在流程中。 http://jsfiddle.net/cPjdK/9/
因此，您必须绝对放置它们（或在我的情况下留有余量）
http://jsfiddle.net/cPjdK/6/
现在我的网站呢？固定元素不再浮动
整个网格系统有点崩溃了。解决这个问题似乎是一个
漫长的工作。但是，由于某种原因，替换了我的“ float：left”属性
在带有“ float：right”的浮动元素上，基本上可以修复它。为什么呢
修理它？为什么它在FF和IE8上不起作用，但在IE9上看起来还不错
和Chrome。
我不知道。
但是现在（经过一些调整）看起来还不错，而且我已经付款了
所以...
问题已解决，但问题仍未解决，对不起...
最佳答案
您有一个FIXED定位元素，没有给出任何坐标。
尝试给它像这样：
#side-right{
position:fixed;
top:0;
left:0;
}
关于html - 为什么仅在Firefox和IE8(而不是9)中破坏布局？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11561372/