如何使用position：fixed到parent调整div的宽度？

Question

如何调整位置为div的宽度：在Bootstrap中固定为父级？

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-3">
      <div class="sidebar">
        SIDEBAR
      </div>
    </div>
    <div class="col-sm-9">
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
      x<br />
    </div>
  </div>
</div>


.sidebar {
  background-color: red;
  position: fixed;
  width: 100%;
}

我必须严格确定父级的宽度，还是可以自动完成？如果是，怎么办？也许引导程序有什么用？

JSFIDDLE：http://jsfiddle.net/webayvsg/

Answer 1

如果对浏览器的支持不是大问题，则可以使用以下位置：粘性

.sidebar {
    background-color: red;
    position: sticky;
    top: 0;
    width: 100%;
}