只刪除1個項目的填充

我對創建的網站有個小問題。頁面中間有一個背景和一個白色的身體，白色的身體有文字的填充，所以它不會從邊框開始。只刪除1個項目的填充

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

所以，問題是我在內容主體的頂部jQuery的畫廊，但我不希望畫廊有它周圍的填充，我的意思是，白色的機身。我希望畫廊從身體的邊緣開始，並在另一端結束。所以我想我必須做一個新的CSS標籤沒有填充或負填充，但這是行不通的。我該如何解決這個問題？

來源

2017-03-04 Franco Torqus Boragno

你可以包括你的HTML？ –

可以使用與填充量相匹配的負邊距使畫廊與邊緣齊平。

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>

來源

2017-03-04 01:43:16

只刪除1個項目的填充

回答

相關問題