子元素如何在overflow:hidden 中逃逸

在一些业务当中,可能父元素设置过了overflow: hidden 属性,但某个子元素因为某些原因需要展示全部,不被裁剪。例如modal 中的部分元素、一些全屏范围内的动效等。

目前已知的一些方法有:

  1. 使用 position: fixed 属性
  2. 去掉overflow: hidden
  3. 在overflow: hidden 的后代元素中,都不使用除了默认的position: static 属性外的其他属性,在需要逃逸的元素上设置position: absolute

https://segmentfault.com/q/1010000007794330

Leave a Comment

邮箱地址不会被公开。 必填项已用*标注