css - 滚动元素内的absolute

现象

scroll 内元素 absolute 定位异常

absolute 元素是再 html 外的 是相对于window的

期望效果

无论scroll-box如何滚动，absolute 始终向对于 box 定位

absolute 描述

w3school

absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

解决

.box relative 未解决

位置相对于box但会随scroll-box移动

结论：position 无法脱离dom层级

dom 结构

改变dom层级