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;
}

Answer 2

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

<div id="ln">通常のドキュメントフローを削除し、bodyの幅を使用します。