为什么我的标题没有固定在列上。

Question

为什么我的header不是fixed到column。

<div class="container-fluid full-ht">
    <div class="row full-ht">
        <div class="col-sm-4 full-ht">
          <div class="patient-column full-ht">
            <div class="fixed-header">
              Fixed Header
            </div>
            Some content follows
          </div>
        </div>
    </div>
</div>

当header发生时，我希望column中的vertical-scrolling是固定的。http://www.bootply.com/tducyvW5u1

Answer 1

你应该使用

position:fixed。

对于固定的标头，在滚动时实现固定的标头。

CSS

.fixed-header {
position: fixed; // changed position:absolute to fixed
width: 100%;
top: 0;
padding: 15px;
}

Answer 2

在您的CSS中，我将添加!important，使absolute成为fixed，并将其作为优先事项。

.fixed-header {
  position: fixed; !important
  width: 100%;
  top: 0;
  padding: 15px;
}