2

我有这个标记

<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 （按钮）？

4

2 回答 2

3
  • position:relative在 div#line 上设置。
  • 设置right:100px在 div#title 上。
于 2012-06-08T09:25:47.570 回答
1

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

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

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

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

于 2012-06-08T09:25:52.517 回答