Question

我制作了一个带有菜单和内容区域的基本侧边栏。分别按3和9列拆分它们。它看起来很好，直到我将.affix类应用于侧边栏以使其变得粘稠。现在，侧边栏获取父级的宽度，以便从其他方面计算自己的宽度，但不是来自.row或.container，并且变得比必须大。

我该怎么做才能制作侧边栏25％宽度再次同时粘性？为什么它会变大？谢谢！

jsfiddle

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container">
  <div class="row">
    <div class="col-sm-3 left affix">
      <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
      </ul>
    </div>
    <div class="col-sm-offset-3 col-sm-9 right">
      Some content
    </div>
  </div>
</div>

Answer 1

您必须为附加元素声明宽度。

.left {
  border: 2px solid green;
 width:15% !important;
}

Bootstrap词缀打破了元素宽度

1 个答案: