html - 使用主体的宽度，而不是元素的宽度

Question

<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 元素中，这只是一个例子。谢谢。

Answer 1

做到这一点的最简单方法，前提是它上面没有其他元素被定位，是使该行的位置是绝对的，如下所示:

#ln {
     position: absolute;
     left: 0;
     right: 0;
}