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

Question

该网站可在此处查看 - http://manchestergardeningservices.co.uk/fluid/

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

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

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

Answer 1

添加宽度：100％到图像

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

并删除min-width：600px;来自内容