父元素设置相对定位和overflow:hidden会清除子元素绝对定位的脱离文档流效果

发布时间 2023-04-28 12:06:02作者: 北火廿口

 当父元素同时设置相对定位和overflow:hidden时会使得子元素的绝对定位的脱离文档流效果失效。

原因:绝对定位会根据最近的设置了绝对定位或相对定位的祖先元素进行定位,绝对定位会使得元素脱离文档流,但这里overflow:hidden会消除脱离文档流的效果,导致了son在设置了绝对定位后依然被隐藏一部分。