2左浮動的div，當div1停止收縮時，div2開始疊加...如何防止？

Question

我有這樣的：

+--LEFTFLOATEDDIV1-+ +--LEFTFLOATEDDIV2-+ <--- screen edge 
| min-width:400px | |     | 
| width:50%  | |     | 
+------------------+ +------------------+ 

縮小瀏覽器窗口，使DIV1收縮，然後停在400像素，因爲它應該。但是，當收縮更多時，div2會繼續左移，覆蓋div1。我如何防止這種情況？當div1停止收縮時，我想讓div2停止移動。怎麼樣？

Answer 1

難道你不能只給最小寬度包裝兩個div？ DIV1分鐘寬度是400像素，並假設Div2的寬度= 300像素，使一個包裝與min-width=700px（+邊框）：
http://jsfiddle.net/Zb5MV/

Answer 2

嘗試從右側div移除浮動。

Answer 3

只需將它們包裝在具有最小寬度的容器/支架的div等於兩最小寬度的內部divs。

所以內聯，將是這個樣子......

<div style="min-width:800px;"> 
    <div style="min-width:400px; width:50%; float:left; height:100px;background-color:#ccc;"> 
     &nbsp; 
    </div> 
    <div style="min-width:400px; width:50%; float:left; height:100px;background-color:#eee;"> 
     &nbsp; 
    </div> 
</div> 

不要忘記最小寬度本身並不由IE6的支持。