如何避免CSS浮动包装

Question

我有一个并排的2列页面(由float:left定义).

我的问题是,当我将浏览器缩小到更小时,右列将被删除到左列下方.

我怎么能避免这个？并且无论屏幕大小如何,仍然可以将它们并排放置.

谢谢

Answer 1

或者,如果您希望它们使用浏览器调整大小,则需要以百分比形式定义宽度.所以:

.div1 {
float:left;
width:49%;
background:red;
}

.div2 {
float:left;
width:49%;
background:orange;
}

有些人会在这里使用50%,我倾向于不这样做