左浮动2个div,当div1停止缩小时,div2开始重叠…如何防止?

| 我有这个:
+--LEFTFLOATEDDIV1-+ +--LEFTFLOATEDDIV2-+ <--- screen edge
| min-width:400px  | |                  |
| width:50%        | |                  |
+------------------+ +------------------+
缩小浏览器窗口会使div1缩小,然后按应在400px处停止。但是,当缩小更多时,div2继续向左移动,覆盖div1。我该如何预防?当div1停止缩小时,我希望div2停止移动。怎么样?     
已邀请:
您不能只给两个div周围的包装纸添加最小宽度吗? Div1的最小宽度是400像素,假设Div2的宽度= 300像素,请用
min-width=700px
(+边框)制作一个包装: http://jsfiddle.net/Zb5MV/     
尝试从右div移除浮点数。     
只需将它们包装在容器/容器div中,其最小宽度等于内部div的两个最小宽度。 所以内联看起来像这样...
<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不支持min-width。     

要回复问题请先登录注册