CSS绝对没有滚动

Question

更新 这是一个小提琴： https://jsfiddle.net/d4wng3g2/1/

目标（在小提琴中）是允许红色框保留在可滚动区域的顶部，但是当您移动水平滚动条时，我希望红色框保留在其容器中（即在图标下）

这是我面临的问题：

如果我有以下内容:(我知道风格不应该是内联的 - 这只是为了解释我的目的）

<div style='position: relative' class='parent-box'>
  <div style='position: absolute' class='image-select-container'>
    <div style='position: absolute' class='image-selected-container-inner>
      <ul style='position: absolute' class='image-select'></ul>
    </div>
  </div>
</div>v

为了让盒子越过父母，我使父母也绝对

<div style='position: absolute' class='parent-box'>

修复了我的zindex问题，但在横向滚动时会出现以下问题：

div是固定的 - 这部分是我想要实现叠加但我不想让它滚动。

Answer 1

由于父框是绝对的，滚动时不会移动。您可以使用position relative和display：block添加另一个父容器;滚动时会移动，所有绝对div都随之移动。