【问题标题】:Container width position:fixed jumps to the left容器宽度位置:固定向左跳转
【发布时间】:2016-01-27 21:01:20
【问题描述】:

我会尝试判断它是 Bootstrap Affix 问题,还是只是一个微小的 CSS 错误。

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

链接:http://new.myshirtstore.de

【问题讨论】:

  • 由于嵌套文件太多,无法提取相关代码。

标签: css twitter-bootstrap-3 affix


【解决方案1】:

这很容易弄清楚......

您的 ID 为 #topmenu,并且此元素的 ID 为 widthInherit 您所需要做的就是给它一个新的 width100%

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;
}

【讨论】:

  • 你太棒了。我专注于职位细节。
猜你喜欢
  • 1970-01-01
  • 2013-08-28
  • 1970-01-01
  • 2020-03-23
  • 2012-08-28
  • 1970-01-01
  • 1970-01-01
  • 2016-03-13
  • 1970-01-01
相关资源
最近更新 更多