html - css 导航栏没有在 Internet Explorer 中居中？

Question

我有一个导航栏，它漂浮在 slider 包装器的顶部，并且水平居中/响应。下面的代码适用于除 Internet Explorer 之外的所有浏览器......它只是保持 float 在页面的左侧。 (除非我在 .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 设置相对位置。

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