首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >html拉伸div

html拉伸div
EN

Stack Overflow用户
提问于 2012-06-08 17:20:37
回答 2查看 2.6K关注 0票数 2

我有这个标记

代码语言:javascript
运行
复制
<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 (按钮)?

EN

Stack Overflow用户

发布于 2012-06-08 17:25:53

您可以尝试将其CSS更改为以下内容:

代码语言:javascript
运行
复制
position: absolute; left: 90px; right: 100px; width: auto;

你必须将position:relative添加到#line中,这样才能可靠地工作(例如,如果#line将来更改其宽度)。

还要注意的是,这可能在旧版本的IE中不能可靠地工作,但在理论上应该可以工作。

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10946136

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档