Chrome中的布局问题 - 可能填充

Question

我的网站在 IE 和 FF 中显示正常，但在 Chrome 中，它在顶部徽标的 div 和 CSS 菜单之间添加了一个空格。该网站是 www.beyond-security.net

根目录中只有 1 个样式表 - style.css。

我尝试过使用 #container、#nav 中的填充设置并将一些设置添加到 #logo 但 Chrome 似乎忽略了它们。

有什么想法吗？

谢谢 D

Answer 1

添加以下 CSS 似乎可以解决问题（在您的设计中添加 1px 白线）

#container {
    padding-top: 1px
}

Webkit (Chrome / Safari) 似乎将边距扩展到容器顶部之外，并且在这些情况下添加少量填充似乎可以解决问题。如果填充是不可取的，那么通常可以用负边距将其取消。