Html 使引导列内容固定在位置

我有一个引导行，有两列和一些偏移量。我希望最后一列的位置是固定的，这样在滚动时也可以查看。最后一列包含图像内容

我使用了自举附带的

affix

类将div定位在最后一列的固定位置。但它会调整/溢出最后一列中的图像

您可以查看这些jsfiddle来了解我所说的内容：

无固定位置/

。粘贴

：

固定位置/

。粘贴

：

---

如何在不调整子div中的大小或内容不溢出的情况下固定div？

我认为您的

.affix

div不会跟随上述div

col-md-4

，因为它的位置是固定的

必须将父div的类添加到

.affix

类中，以便子内容将跟随

.affix

  <div class="col-sm-4">
   <div class="affix col-sm-4">
     <img src="http://via.placeholder.com/450x750" class="img-responsive"/>
     <br/>
     Fixed Content
    </div>
  </div>

固定内容

谢谢。成功了。想解释一下它是怎么工作的吗？不客气，兄弟。我不确定，但通过向固定div添加与父div相同的宽度（即col-sm-4），应该可以使固定div与其父div具有相同的宽度。也可以向固定div添加宽度：inherit，但我发现宽度相差很大，因此，使用与定义宽度的父类相同的类应该更好。