html - 外側のコンテナを伸ばす鉄棒

Question

何を検索するかはわかりませんが、CSSで使用する位置のタイプを変更するのと同じくらい簡単だと思います。

コンテナDIV（幅：960px）があり、どこかにオレンジ色の「バー」が必要ですが、コンテナよりも幅が広く、100％になります。どうすればこれを達成できますか？

Answer 1

この効果を実現するには、絶対測位を使用できます。

HTML：

<div id="wrapper">
    <div id="orange-bar"></div>
</div>

CSS：

#orange-bar {
    position: absolute;
    left: 0;
    right: 0;
}

JSフィドル： http： //jsfiddle.net/Xh8uL/2/