html - Div 不以某些浏览器为中心

Question

在过去的几周里，我一直在为我的一个 friend 开发一个网站，虽然它在大多数浏览器中都能完美运行，但它会在 2 个独立的浏览器中出现问题。

我有一个div，带有css

#div2 {
    width: 70%;
    margin: 0 auto;
    display: block;
    text-align: center;
}

在 Chrome、Opera、Internet Explorer 和许多其他浏览器中，它加载良好，并使 div 居中。 但是在 Firefox 和 Safari 中(在 Windows 上)，div 位于页面的左侧。

div2 位于父 div 中，但父 div 上仅设置了边框，没有其他任何内容。

多年来我一直在尝试纠正这个问题，甚至使用 @-moz-document url-prefix() css，但它仍然没有解决它。

如有任何建议，我们将不胜感激。

Answer 1

尝试在父 div 上指定“宽度:100%”。当没有容器 div 时会发生同样的问题，解决方案是指定“html，body {width:100%}”，所以这可能是相同的情况。