html拉伸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;

您必须将position:relative添加到#line才能使其正常工作（例如，如果#line将来更改其宽度）。

另请注意，这可能无法在旧版本的IE中可靠地运行，但它应该在理论上有效。