css - 具有固定宽度图像的流畅布局，防止重叠

Question

我创建了一个流畅的布局，并在content列中放置了一个 600 像素宽的图像，但是当我调整窗口大小，使content列小于 600 像素宽时，结果是图像与侧边栏重叠，如下所示.

我认为添加min-width属性div id ="content"可能是解决问题的一种方法，但如果添加此属性，则div id ="content"当网页缩小时，绿色侧边栏将位于下方。

#content {
    min-width: 600px;
    float:left;
    width:70%;
}

在此处输入图像描述

score 0 · Accepted Answer

将宽度：100% 添加到图像

<img src="bane.jpg" alt="bane" style="width: 100%;">

并删除 min-width: 600px; 从内容

1 回答 1