如何解决左浮动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;\">
</div>
<div style=\"min-width:400px; width:50%; float:left; height:100px;background-color:#eee;\">
</div>
</div>
别忘了IE6不支持min-width。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。