绝对定位元素超出父元素宽高，被遮挡无法显示

最新推荐文章于 2024-12-27 15:38:35 发布

原创最新推荐文章于 2024-12-27 15:38:35 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #css

去掉父元素的 overflow: hidden,或者设置成 overflow: visible
如果父元素的 overflow: hidden 不能动，动了会造成其他影响，
那么可以：给父元素加一个足够的内边距，这样就可以让定位元素显示，但是父元素占得位置会变大，这时候再设置个负的外边距，跟内边距抵消就可以了.

   .parent{ 
       position: relative;
       padding-bottom: 500px;
       margin-bottom: -500px;

      .child{
           position: absolute;
            left: 0;
            top:100%;
            z-index: 10;
       }
   }