流體佈局具有固定寬度的圖像，從而防止重疊

我已經創建了一個流體佈局，並放置在600像素寬的圖像進content柱，但是當我調整窗口的大小，因此content列的寬度小於600像素，結果是圖像與側邊欄重疊，如下所示。

我認爲加入min-width屬性div id ="content"將可能是解決這一問題的辦法，但如果添加此屬性的綠色欄將坐在div id ="content"下方時，網頁的尺寸減小。

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

enter image description here

附加寬度：100％至圖像

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

和除去最小寬度：600px的;來自內容

2012-12-07 16:58:54

回答