css - 使子 div 用设置宽度的兄弟填充剩余空间

Question

这是代码。

<div style="overflow:hidden; width:800px;">
  <div style="float:left; width:500px;">
    first text
  </div>
  <div style="float:left; width:300px;">
    second text
  </div>
</div>

如您所见，我使用 width:300px; 以便第二个 div 占用剩余的正确空间。让它占据整个正确空间的另一种选择是什么？设置 width:100%; 没有帮助，因为它会跳下来。我问的原因是每次都要数800-500=300(px)。一旦 500px 更改为 550px，我必须将 300px 更改为 250px。我相信有更好的方法来设置宽度。谢谢。

Answer 1

我想这个标记会更好用 http://jsbin.com/apubay/1/edit