我一直在搜索这方面的信息,我看到了很多类似的问题(百分比宽度计算问题、填充问题、相反方向的浮动、Safari+Chrome 问题等),但我没有尝试过似乎可以解决这个问题一。
我的内容区域和导航栏之间有一个神秘的 1px 垂直空间,用于 Safari、Opera 和 Chrome 中的部分页面高度。它在没有空间的 FF 和 IE 上运行良好。
这是页面: http ://the-polyglot.net/uploads/problem_site/
对于我还没有清理的低效、多余、杂乱无章的样式表,我真的很抱歉——在它休眠几年后,我刚刚再次拿起这个网站,我正要通过清理才发现这个问题。
最相关的选择器是#right_navbar、#reg_content(文本区域)和#main_content(容器)。如果您检查 Opera 的检查器,该空间似乎与 #main_content 管辖的区域重合,但我不知道为什么。我可以通过应用#right_navbar 来解决 Opera/Safari/Chrome 中的问题padding-left: 1px;
...但是这会破坏其他所有浏览器中的整个布局。
我会很感激任何帮助。谢谢。