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

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

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

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

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

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


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

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

阅读 2.8k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题