この div をブラウザの幅に合わせて拡張しようとしています。ここ{position:absolute; left: 0; right:0;}から、jsfiddle のようにそれを達成するために
使用できることを読みまし
た: http://jsfiddle.net/bJbgJ/3/
しかし、問題は、現在#containerのプロパティにプロパティがあるため、子 div{position:relative;}に適用すると、 のみを参照することです。を超えて子divを拡張する方法はありますか?{position:absolute}#container#container
目標を達成する可能性のある 5 つの方法を考えることができます。
内側の要素に負のマージンを使用して、親の外側に移動します
Javascript を使用して、内側の要素を親の外側に移動します。
ソース コードを変更し、内側の要素を親の外側に移動します。
position: fixedインナーエレメントに使用。これにより、内側の要素が抜け出すことができますが、要素が特定の位置に固定される (決して移動しない) というマイナス面があります。
親要素から を削除するposition: relative;か、親要素にposition: static
overflow:visible親に追加してからdiv、子を親よりも広くしてみてください。