Safari / Opera / Chrome中的1px“padding”

Question

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

我的内容区域和导航栏之间有一个神秘的1px垂直空间，用于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

删除background-color

的#main_content

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