Safari/Opera/Chrome 中的 1px“填充”

Question

我一直在搜索这方面的信息，我看到了很多类似的问题（百分比宽度计算问题、填充问题、相反方向的浮动、Safari+Chrome 问题等），但我似乎没有尝试过解决这个问题。

我的内容区域和导航栏之间有一个神秘的 1 像素垂直空间，用于 Safari、Opera 和 Chrome 中的部分页面高度。它在没有空间的 FF 和 IE 上运行良好。

这是页面： http://the-polyglot.net/uploads/problem_site/

对于我还没有清理的低效、冗余、杂乱无章的样式表，我真的很抱歉——在它休眠了几年之后，我刚刚再次拿起这个网站，我正要通过和清理之前我发现了这个问题。

最相关的选择器是#right_navbar、#reg_content（文本区域）和#main_content（容器）。如果您检查 Opera 的检查器，该空间似乎与 #main_content 管辖的区域重合，但我不知道为什么。我可以通过将padding-left: 1px; 应用于#right_navbar 来解决Opera/Safari/Chrome 中的问题...但是这会破坏所有其他浏览器中的整个布局。

如果有任何帮助，我将不胜感激。谢谢。

Answer 1

删除 ID #main_content 的 background-color

#main_content {
  min-height: 630px;
  /*background-color: #D1EBF8;*/
}