用于定位的 CSS 替代方案

Question

我正在使用定位(固定/绝对)，因为当内容溢出时会滚动，但问题是如果我必须更改其他部分的尺寸，我必须更改可滚动容器的位置。

据我所知，要使框在溢出的情况下可滚动，必须设置框的尺寸!

这是我的容器的 css:

 .scrollable-box {
    position: absolute;
    top: 152px;
    right: 0;
    left: 15px;
    bottom: 0;
    overflow-y: auto;
}

Answer 1

动态更改 div 的位置不会影响其可滚动性。定位可滚动的 div 不是强制性的。

  .list {
    overflow-y: auto;
    margin-right: 2px;
}

https://jsfiddle.net/526ctwew/

fiddle 有两个内联放置的 div，没有完成定位。即使可滚动的 div 移动到下一行(在调整屏幕大小时)滚动也不会受到影响。

希望这对您有所帮助。