假设您有两个div:一个具有最小宽度的流体宽度和另一个向右浮动的div。例如,此live demo (with code) at 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推到非浮动内容下方,而不是溢出(隐藏)在右边。这可能吗?