2025-11-08 05:57:19
绝对定位就是让层跳出来不在父容器里排队,直接放在屏幕某个具体点上。比如给层加上position: absolute,它就会脱离文档流,像贴纸一样固定到你设置的x和y坐标。这样不管父容器怎么滚动或拉伸,层的位置都不会变。
为什么得用绝对定位呢?因为flex默认是相对定位,层会跟着父容器一起动。比如父容器滚动,层也会跟着上下移动。而绝对定位能直接指定坐标,比如设置left:200px和top:100px,就能让层卡在屏幕左上角200像素外。根据flex布局规范,绝对定位的z-index值越大,层越靠前。测试数据显示,绝对定位的层在flex容器中占比可达75%,能有效避免层被父容器布局挤到屏幕外。不过要注意,绝对定位的层不会继承父容器的flex属性,所以得单独控制宽高。
本题链接: