css - DIV が親のマージンを上書きするようにする

Question

これをどのように説明すればよいかわかりませんが、最善を尽くします。メインコンテンツ/ポスト DIV にシャドウボーダーとテキストパディングがある Drupal テーマがあります。ただし、一部のページでは、テキストのパディングをオーバーライドして、DIV タグがコンテンツ DIV でいっぱいになるようにしたいと考えています。

テキストのパディングを削除して各ページに手動で追加することで、おそらく同じ種類のことを達成できますが、これは大変な作業になります。特に、この「特別な」 DIVを数ページで使用するだけでよいことを考慮してください。

それが理にかなっていることを願っています-おそらくそれを説明するためのより良い方法がありますが、それが私が自分で答えを見つけることができない理由です! 前もって感謝します

Answer 1

親のパディングに等しい負のマージンを子に使用します。すなわち:

div.parent {
  padding: 0 10px;
}

div.child {
  margin: 0 -10px;
}