使用身体的宽度，而不是元素

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％宽度？ Line必须在#ln元素中，这只是一个例子。感谢。

Answer 1

最简单的方法，只要它上面没有其他元素定位，就是让线的位置绝对如下：

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

Answer 2

#ln {
    width: 100%;
    border-bottom: 2px solid red;   
    position:absolute;
    left: 0;
    right: 0;
}

将<div id="ln">从常规文档流中取出，并使用body的宽度。