div内のすべての幅、余白、パディングをオーバーライドする方法はありますか？ CSS

Question

サイトの両側に列、幅、余白、パディングが異なる要素があります。内側のものをすべてオーバーライドして列全体の幅を設定する方法はありますか？

overflow:hidden;および!importantカラムの幅にタグを設定していません。

Answer 1

幅が相対的な場合は「並べ替え」です。外側の要素では絶対幅を設定できません。あなたはパーセンテージ幅に設定され、内側のdivを持っている場合は

<div id="outer"> 
    <div id="inner_1"></div> 
    <div id="inner_2"></div> 
</div> 

は：次に、外側のdivの幅を設定

が

#inner_1 { width: 60%; } 
#inner_2 { width: 40%; } 

それらを変更します（幅

たとえば、このマークアップを考えます400pxはinner_1を240pxに、inner_2を160px、幅を800pxとすると480,320などになります）

幅は次のように設定されている場合は0

しかし、：

#inner_1 { width: 300px; } 
#inner_2 { width: 200px; } 

そして、いや、outerのに設定すると、内側の幅は変更されません。

Answer 2

これを実現するにはセレクタを使用できます。たとえば、#rightColumn * {/* your styles here */}を使用して、右列のすべての要素のプロパティを設定するか、または#rightColum .childSelector {/* your styles here */}を使用して、要素のグループ/セレクタと一致する単一の要素のスタイルを設定できます。 ！importantを使用して、必要に応じて他のスタイルを上書きします。