html拉伸div
html拉伸div
提问于 2012-06-08 17:20:37
我有这个标记
<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>我如何扩展divid='title‘，以填充所有剩余空间，直到下一个div (按钮)？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-08 17:25:48
- 在div#line上设置
position:relative。 - 在div#title上设置
right:100px。
Stack Overflow用户
发布于 2012-06-08 17:25:53
您可以尝试将其CSS更改为以下内容：
position: absolute; left: 90px; right: 100px; width: auto;你必须将position:relative添加到#line中，这样才能可靠地工作(例如，如果#line将来更改其宽度)。
还要注意的是，这可能在旧版本的IE中不能可靠地工作，但在理论上应该可以工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10946136
复制相关文章
相似问题
腾讯云开发者
