コンテナdivを超えて子divを拡張する

Question

このdivをブラウザの幅に合わせて拡大しようとしています。私はあなたがここにjsfiddleのようにそれを達成するために{position:absolute; left: 0; right:0;}を使用することができます here から読んだ： http://jsfiddle.net/bJbgJ/3/

しかし、問題は、私が子供に{position:absolute}を適用した場合、私の現在の#containerが故に{position:relative;}性を有し、ということですdiv、それは#containerを参照するだけです。子供のダイビングを#container以上に広げる方法はありますか？

Answer 1

私はあなたの目標達成、潜在的に5つの方法を考えることができます：外内部要素を移動するために、親

JavaScriptを使用の外に移動するために、内側の要素に

1. 使用負のマージンを親の

2. ソースコードを変更し、内部要素を親の外側に移動します。

3. 内側要素にposition: fixedを使用してください。これにより、内側の要素が分割されますが、要素が指定された位置に固定される（移動しない）下側があります。

4. は親要素からposition: relative;を削除するか、親要素を与えるposition: static

Answer 2

あなたは、親よりも広い子を作り、親divへoverflow:visibleを追加してみてくださいすることができます。