HTML 图像和 div 调整大小

Question

.d1 {
    background-color: red;
    text-align: center;
}

<div class="d1">
    <img src="http://www.aliceseelywholesale.net/wp-content/uploads/ADB101-DAISY-CUTOUT-NARROW-LINK-BRACELET-300x100.jpg">
</div>

我使用上面的简单代码在 div 中间显示一个 image。代码运行良好，但是当我将窗口大小时调整到图像宽度以下时，边框/div 没有覆盖图像...有没有办法解决这个问题？泰

Answer 1

.d1 {
   background-color: red;
} 
.img{
   display: block;
   width: 100%;
   margin: 0px auto;
}

将图像视为 block 内容而不是内联元素。

希望对您有所帮助。