使用正文的宽度，而不是元素
使用正文的宽度，而不是元素
提问于 2013-01-02 15:25:25
<div id="tst">
Hello.
<div id="ln">
Red line should be not just in tst element, but in all body.
</div>
</div>
#tst {
width: 200px;
margin: 10px auto;
}
#ln {
width: 100%;
border-bottom: 2px solid red;
}
工作示例：http://jsfiddle.net/hXEe7/
有没有可能在不将#ln元素放在#tst之外的情况下将红线设置为正文的100%宽度？行必须在#ln元素中，这只是一个例子。谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-02 15:27:51
要做到这一点，最简单的方法是在没有其他元素位于其上方的情况下，将直线的绝对位置设为如下所示：
#ln {
position: absolute;
left: 0;
right: 0;
}Stack Overflow用户
发布于 2013-01-02 15:31:07
#ln {
width: 100%;
border-bottom: 2px solid red;
position:absolute;
left: 0;
right: 0;
}将从常规文档流中取出<div id="ln">，并将使用body的宽度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14124535
复制相关文章
相似问题
条带化:预览即将到来的发票以更新订阅
如何从即将到来的发票条带api调用中接收即将到来的发票pdf？
如何使用Zuora预览即将到来的发票？
获取按比例计算的数量更改的即将到来的条带发票
Stripe API:收到取消订阅的即将到来的发票
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
