我只在 Firefox 上遇到这个问题(IE、Safari 和 Chrome 渲染良好)。
Here您可以看到横幅的高度在重新加载时如何变化。此外，如果您将指针移向侧边栏中的链接，整个 div 也会改变位置。 代码中没有javascript。没有 % 的边距或填充。 我不会复制整个 CSS 代码，因为它确实很大，但是由经历过这些问题的人进行准确检查应该就足够了。
最佳答案
您没有文档类型，因此在 quirks mode 中你永远不想去的地方。仿佛又回到了 1999 年。将此添加到您页面的第一行，让我们知道进展如何:<!DOCTYPE html>
不幸的是，在古怪的情况下创建网站意味着，一旦您放入文档类型并切换到“标准模式”，您的布局可能会发生变化，因为所有内容都按照最初应该呈现的方式呈现。
所有现代网页都需要文档类型，并且应该是创建网页时首先要放下的东西。
关于javascript - Firefox 糟糕的渲染，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21584014/