html - 如何使用剩余宽度？

我想让 div2 在 div1 的右侧水平对齐。 Div2 还应该拉伸(stretch)剩余的宽度，这是一个可变数字(浏览器宽度)。如果我将 div2 宽度设置为绝对宽度 (300px)，我会得到正确的对齐方式，但不会消耗剩余的宽度。

应该怎么做？

<div id="1" style="float:left;width:100px">
    the first box
</div>
<div id="2" style="float:left;width:100%">
    the second box
</div>

最佳答案

只要让左边的 float ，第二个会调整它的宽度:

<div id="1" style="float:left;">
    the first box
</div>
<div id="2">
    the second box
</div>

关于html - 如何使用剩余宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15669174/