max-width css 属性阻止居中的 div 在 Internet Explorer 中工作？答案

【问题标题】：max-width css property stops centered div from working in internet explorer?max-width css 属性阻止居中的 div 在 Internet Explorer 中工作？
【发布时间】：2015-05-19 00:35:25
【问题描述】：

我在父级中有一个导航栏 div，它水平居中/调整大小以使用以下 css 响应：

.navbar-parent-wrapper{
    width: 100%;
    margin:0 auto;
}

.navbar-child-wrapper{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    max-width:1200px;
    padding-top:10px; 
}

然而，max-width 属性似乎阻止了我的导航栏在 Internet Explorer 中居中，并导致它向左浮动（适用于所有其他浏览器）。如果我将最大宽度更改为宽度，它可以工作，但会停止自动调整大小以响应。

有解决办法吗？

【问题讨论】：

您的 max-width 和 left/right 属性有冲突。绝对定位在这里优先。为什么需要绝对位置？更多上下文会有所帮助。
导航栏目前浮动在滑块 div 的顶部，这就是我使用绝对定位的原因

标签： html css

【解决方案1】：

试试看

.navbar-child-wrapper{
        position: relative;
        margin: 0 auto;
        max-width:1200px;
        padding-top:10px; 
    }

【讨论】：

我应该提到，导航栏目前浮动在滑块 div 的顶部，这就是我使用绝对定位的原因。上面的代码使导航栏居中但推开滑块。有没有办法使用绝对位置来做到这一点？
这个不行，导航栏需要固定在顶部。