【问题标题】:css navbar not getting centered in internet explorer?css navbar 没有在 Internet Explorer 中居中?
【发布时间】:2015-03-19 19:44:54
【问题描述】:

我有一个导航栏,它浮动在滑块包装器的顶部,并且水平居中/响应。以下代码适用于除 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>

【问题讨论】:

    标签: html css


    【解决方案1】:

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

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

    【讨论】:

    • “设置相对位置”是这个问题的答案。为什么它似乎不是一个答案?
    • 由于描述和内容长度,社区中的某个人将您的答案标记为“低质量”。添加相关代码和描述将是一个明确的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-10
    • 2014-04-05
    • 2012-05-23
    相关资源
    最近更新 更多