容器宽度position:fixed向左跳转

Question

我试着判断它是 Bootstrap 词缀问题，还是只是一个很小的 CSS 错误。

当导航开始固定在顶部时，它会跳到左边，我不知道为什么会这样。

Link: http://new.myshirtstore.de

Answer 1

这很容易理解...

您的 ID 为 #topmenu，此元素的 ID 为 width Inherit 您需要做的就是给它一个新的 width [=15] =]

width: Inherit 从其父元素继承属性，这导致导航栏向左跳转！

http://www.w3schools.com/cssref/pr_dim_width.asp

您的新#topmenu 应如下所示：

#topmenu {
    width: 100%;
    top: 0;
    margin-bottom: 15px;
    z-index: 100;
    border: 0;
    background: #ebedef;
    border: 0;
    border-bottom: 3px solid #95bf0c;
}

容器宽度position:fixed向左跳转

Container width position:fixed jumps to the left

css

affix

twitter-bootstrap-3