html - 如何避免在 CSS float 中换行

Question

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

我的问题是，当我将浏览器缩放得更小时，右栏会掉到左栏下方。

我怎样才能避免这种情况？并且无论屏幕尺寸如何，它们仍然可以并排显示。

谢谢

Answer 1

或者，如果您希望它们随浏览器调整大小，则需要以百分比定义宽度。所以:

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

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

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