1つのアイテムにのみパディングを削除する

Question

私が作成しているウェブサイトには小さな問題があります。 ページには背景と白いボディーが中央にあり、白いボディーにはテキストのためのパディングがあり、境界で開始しません。

#content 
{ width: 900px; 
    overflow: hidden; 
    margin: 0 auto 0 auto; 
    padding: 20px 30px 20px 31px; 
    background: #FFFFFF; 
    text-align: left;} 

だから、問題は、私は、コンテンツ本体の上部にあるjqueryのギャラリーを持っていますが、私は、私が意味する、ギャラリーは、その周りのパディングを持っている白い体をしたくないです。私はギャラリーが身体の境界で始まり、もう一方の端で終了したい。 パディングやネガティブパディングなしで新しいCSSタグを作成しなければならないと思ったが、それは動作していない。 これを修正するにはどうすればよいですか？

Answer 1

パディング量に一致するマイナスマージンを使用して、ギャラリーをエッジと同じ高さにすることができます。

body { 
 
    background: #eee; 
 
} 
 
#content { 
 
    width: 900px; 
 
    overflow: hidden; 
 
    margin: auto; 
 
    padding: 20px 30px 20px 31px; 
 
    background: #FFFFFF; 
 
    text-align: left; 
 
} 
 
.flush { 
 
    background: #171717; 
 
    color: #fff; 
 
    margin: 0 -30px 0 -31px; 
 
}

<div id="content"> 
 
    <div>normal</div> 
 
    <div class="flush">flush</div> 
 
</div>