假设您有两个 div:一个具有流体宽度和最小宽度,另一个 div 向右浮动。例如,jsbin.com 上的这个现场演示(带代码)有:
<div id="container">
<div id="header">header</div>
<div id="fixedFloatingColumn">fixed-size column<br />o<br />o<br />o<br />o</div>
<div id="fluidNonfloatingColumnContainer">
<div class="column">stretchable column 1</div>
<div class="column">stretchable column 2</div>
<div class="column">stretchable column 3</div>
</div>
<div id="footer">footer</div>
</div>
如果您调整浏览器的大小并使其变窄,则流体 div 会相应调整,直到达到最小宽度。之后,如果进一步缩小窗口,就会出现水平滚动条,右侧浮动 div 开始溢出,隐藏在窗口右侧。
我想要的是,如果用户不断缩小窗口,在非浮动 div 达到最小宽度后,浏览器应该将浮动侧边栏 div 推到非浮动内容下方,而不是溢出(隐藏)到正确的。那可能吗?