父元素设置hidden后，子元素不能滚动?

Question

父元素设置overflow: hidden后，子元素设置overflow: scroll 无效，子元素不能滚动。

子元素继续添加 position: absolute 后就可以滚动了，这是为什么？

应该不是 absolute 生成了bfc ，因为 overflow 同样会生成 bfc

应该不是 absolute 导致脱离了文档流，因为将absolute替换为 float，fixed 同样是无效的。

如果想深入的了解这些属性的机制，应该从何入手?

---

这个现象在 safari 上尤为显著，当我把子元素的 absolute 取消后，子元素无法再滚动。

原文题来自于知乎：https://www.zhihu.com/question/492239160，但是该问题的答案并不是问题所说的，并没有解释将 absolute 替换为 fixed 为何不生效的。

Answer 1

其它浏览器呢？ 我试了一下 edge和火狐 都没问题