css - コンテナ内からの全幅バナー

Question

私のページのレイアウトには、次の css を持つラッパー div があります。

margin-left: auto;
margin-right: auto;
width: 980px;
min-height: 100%;

この div 内に div を画面全体に広げる方法はありますか? 私が知っている唯一の方法は、divに絶対位置を与えることですが、それが良い考えかどうかはわかりません. 私は最近、CSS 内で「マジック ナンバー」を使用しないようにするために何かを読みました。

これを処理する最善の方法は何ですか?

Answer 1

ラッパー div の外にバナーを配置することをお勧めします。親よりも大きなブロックは「自然」ではありません。ただし、これを使用するトリックがあります。

position:absolute;
left:0;
right:0;

注: 親が position:relative の場合、これは機能しません。

Answer 2

私が理解していればwidth: inherit;、子divを親と同じサイズにします。