给子元素设置了position: absolute;会相对最近开启定位的父元素进行布局,如果子元素同时设置了width:100%;那么子元素的宽度是父元素的100%(包括padding),也就是padding对设置了**position:absolute;**的子元素无效
解决方案:
1.把position: absolute改为position: sticky;****
2.再添加样式left:0;right:0;
这样子元素就会可以实现脱离文档流并且宽度是限制在父元素的padding内的
对于一些遮罩层元素很适用