css navbar 没有在 Internet Explorer 中居中？

Question

我有一个导航栏，它浮动在滑块包装器的顶部，并且水平居中/响应。以下代码适用于除 Internet Explorer 之外的所有浏览器...它只是浮动在页面左侧。 （除非我在 .navbar-child-wrapper 类中将 max-width 更改为 width）。有没有办法解决这个问题？

/*slider wrapper*/
.header-wrapper{
    height: auto;
    position: relative;
}

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

.navbar-child-wrapper{
    position: absolute;
    max-width:1200px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 45;  
}

html:--------------------------------------
<div class="header-wrapper">
        <!--navbar-wrapper Start-->
        <div class="navbar-parent-wrapper">
            <div class="navbar-child-wrapper">
            </div>
        </div>
<!-- slide images here -->
</div>

Answer 1

如果绝对不是强制性的，则为 navbar-child-wrapper 设置 relative 位置。

.navbar-child-wrapper{
    position: relative; /*not absolute */
    max-width:1200px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 45;  
}