Html 防止浮动div在小窗口中破裂

我有三个

div

s，它们通过在所有三个上使用

float:left

并排放置：

<div id="wrapper">
    <div id="left">...</div>
    <div id="center">...</div>
    <div id="right">...</div>
</div>

...
...
...

左侧和中间的

div

s具有固定宽度，而右侧的

div

将根据其内容具有可变宽度

我遇到的问题是，当我使浏览器窗口小于

div

s的组合宽度时（从而使包装器

div

太窄），它们会分开，不再并排出现。
我知道使用静态/绝对定位是一个简单的解决方案，但根据我的经验，它比使用

float

更难维护，我宁愿避免它

---

有没有办法在不切换到其他定位技术的情况下解决此问题？

即使在底部强制滚动球，也要将div保持在同一行上？如果是这样，您可以在容器div或右侧div上设置最小宽度

您还可以在样式表中使用@media规则，仅当屏幕小于某个大小时，才为右div指定固定宽度。差不多

@media only screen and (max-width: 600px) { 
 #div-right {  width:150px    }
}

---

在包装上设置最小宽度。否则，不行，你无能为力。你试过为包装器div设置最小宽度吗？@MarcB设置最小宽度对我没有帮助，因为右侧div的大小会随着页面的变化而变化。是的，如果浏览器窗口的宽度小于三个

div

s的组合宽度，我想强制使用滚动条。问题是，因为它们是

浮动的

-ed，它们似乎不会影响包装的大小

div

。您是否尝试为容器和右div添加最小宽度？