Html css导航栏未在internet explorer中居中？

我有一个导航条，它漂浮在滑块包装的顶部，水平居中/响应。下面的代码适用于除internet explorer以外的所有浏览器…它只是保持在页面左侧浮动。（除非我在.navbar子包装类中将“最大宽度”更改为“宽度”）。有办法解决这个问题吗

/*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>

/*滑块包装器*/
.标题包装{
高度：自动；
位置：相对位置；
}
.navbar父包装器{
宽度：100%；
保证金：0自动；
}
.navbar子包装器{
位置：绝对位置；
最大宽度：1200px；
右：0；
左：0；
保证金：自动；
z指数：45；
}
html:--------------------------------------

如果绝对值不是必需的，则设置导航栏子包装的相对位置

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

---

“设置相对位置”就是这个问题的答案。为什么它看起来不是一个答案？社区中的一些人将你的答案标记为“低质量”，因为它的描述和内容长度。添加相关代码和说明将是一个明确的答案。