用于定位的 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 移动到下一行（在调整屏幕大小时）滚动也不受影响。

希望这会有所帮助。