首页 > 解决方案 > 位置绝对溢出父隐藏的图像

问题描述

我有这个:

    <div class="img-container">
      <div class="inner">
        <picture>
          <source srcset="./images/illustration-woman-online-mobile.svg" media="(max-width: 890px)">
          <img src="./images/illustration-woman-online-desktop.svg" alt="top-image">
       </picture>
       <picture>
         <source srcset="./images/bg-pattern-mobile.svg" media="(max-width: 890px)">
         <img class="sec-image" src="./images/bg-pattern-desktop.svg" alt="top-image">
       </picture>
    </div>
  </div>

我将 img-container 设置为相对位置和隐藏溢出的内部类。为什么第二张图片(唯一一张位置:绝对)仍然溢出我的 img 容器?也许如果我应用位置绝对隐藏溢出不起作用?

谢谢

标签: csscss-positionoverflow

解决方案


推荐阅读