Div不以某些浏览器为中心

Question

在过去的几周里，我一直在为我的一个朋友开发一个网站，虽然它在大多数浏览器中运行良好，但它分为两个单独的网站。

我有一个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，但它仍然无法修复它。

任何建议都会感激不尽。

3 个答案:

答案 0 :(得分：1)

尝试在父div上指定“width：100％”。当没有容器div时会出现同样的问题，并且解决方案是指定“html，body {width：100％}”，所以这可能是相同的情况。

答案 1 :(得分：0)

使用：

{
left:50%;
margin-left:-200px; //minus half of your div width
}

答案 2 :(得分：0)

Firefox 版主已经给出了解决方案：

#div2 {
    border: thin solid #000000;
    width: 760px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
}

Answer 1

尝试在父div上指定“width：100％”。当没有容器div时会出现同样的问题，并且解决方案是指定“html，body {width：100％}”，所以这可能是相同的情况。

Answer 2

使用：

{
left:50%;
margin-left:-200px; //minus half of your div width
}

Answer 3

Firefox 版主已经给出了解决方案：

#div2 {
    border: thin solid #000000;
    width: 760px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
}