html stretching div

Question

我有这个标记

<div id="line" width="100%; height: 44px;">
   <div id="identifier" style="position: absolute;left:0px width: 90px;">blabla</div>
   <div id="title" style="position: absolute; left: 90px;float: left; display:inline;">title</div>
   <div id="button" style="width:100px;float:right">gfgh</div>
</div>

如何拉伸div[id='title'] 以便它填充所有剩余空间，直到下一个div（按钮）？

Answer 1

• 在div#line 上设置position:relative。
• 在div#title 上设置right:100px。

Answer 2

您可以尝试将其 CSS 更改为：

position: absolute; left: 90px; right: 100px; width: auto;

您必须在#line中添加position:relative才能可靠地工作（例如，如果将来#line更改其宽度）。

另请注意，这在旧版本的 IE 中可能无法可靠地工作，但它在理论上应该可以工作。