CSS：<a href="https://www.whitewreath.org.au/white-wreath-can-help/" rel="nofollow noreferrer">this page</a>では、このギャップ

Question

を引き起こしているかを見ることができない、私は#wapper、と#main間の黒の水平方向のギャップを引き起こしているかを見ることができません。

私は任意のマージンできません#wapperまたは#mainにあり、#wapperまたは#mainのいずれの子要素も見当たりません。

Answer 1

はこれを追加します。 ＃content-wide10pxマージンこのマージンを＃content-wideから削除すると、背景イメージのエフェクトが表示されなくなるため、#mainにパディングを追加する必要があります。

Answer 2

これらの間に?があります。

 <!-- .content (end) --> 

    </div> 
    <!-- #header (end) --> 
    ? 
<div id="main"> 

これを削除すると、ギャップがなくなります。あなたは完全に黒のギャップを削除したい場合は、単にCSS

#main { 
padding: 1px 0 !important } 

からのコードの下に削除

Answer 3

シンボルの?のほかに、これらの要素の間の空白をすべて削除する必要があります。

Answer 4

コード

#main #content-wide { 
    width: 940px; 
    margin: 0 10px 10px; 
} 

or 

#main #content-wide { 
    width: 940px; 
    margin: 10px; 
    margin-top: 0px; 
}