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 {
    width: 100%;
    border-bottom: 2px solid red;   
    position:absolute;
    left: 0;
    right: 0;
}

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

Answer 2

最简单的方法是，如果它上面没有其他元素被定位，那么将线的位置设置为绝对位置，如下所示：

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