Question

我想将div中的img拉伸到与层次结构中较高的另一个div相同的宽度。

<div>
  <div>
    <div>
      <div>
         <img></img>
       </div>
     </div>
  </div>
</div>

img应该与最上面的div具有相同的宽度（但是这个div不适合整个屏幕）。我知道绝对位置可以做到，但我希望它有所回应。无法移动img，因为这是php生成的。

Answer 1

您可以随时将想要调整图片大小的div设为relative positioned并制作图像absolute positioned ...

＆＃13;

.biggest {
  position: relative;
  height: 500px;
  width: 100%;
  border: solid 2px red;
}
div {
  width: 50%;
  border: solid 2px blue;
  height: 100px;
}
img {
  position: absolute;
  width: 100%;
}

＆＃13;

<div class="biggest">
  <div>
    <div>
      <div>
        <img src="http://lorempixel.com/g/400/200">
      </div>
    </div>
  </div>
</div>

＆＃13;

划分与其他div相同的宽度，但响应

1 个答案: