html - コンテナ内の要素の幅をビューポートの幅にする方法は?

Question

このjsfiddle - http://jsfiddle.net/gC72u/ - ビューポートの幅に緑色のバーを表示する方法はありますか? つまり、コンテナの外に出て、ビューポートの壁までずっと続くようにしたいのですが、それでもコンテナの子である必要があります。

ありがとう

<div id="container">
    <div id="box"></div>
</div>

Answer 1

CSS(のみ)でこれを行う唯一の方法は、親要素を使用position: absolute;せずに使用することです。position: relative;

デモ

div#box {
    height:50px;
    width:100%;
    margin-top:50px;
    background-color: green;
    position: absolute;
    left: 0;
}