html - トップ div とコンテンツ div の間の空白

Question

境界線なし、下マージンなし、パディングなしにすべてを設定しましdivsたが、まだこの空白があります。

それを取り除くために私ができることを誰でも理解できますか？

サイトはhttp://www.joekellywebdesign.com/churchsample/home.htmlです。

Answer 1

#wrapperあなたが持っているdivについて話していると仮定しますmargin: 10px auto。最初のものは上余白 (10px) です。フッター divの<p>内側にも、削除する必要があるデフォルトのマージンがあります。

Answer 2

少し、理解するのに時間がかかりました。

#bannerとの間のスペースを取っている場合#content、フローティング要素が原因でギャップが発生し、pがフローティングではなく、クリアされていないため、コンテンツである通常のブロック要素がフローティング要素の横に「流れる」必要があります。pフローティングdivを「飲み込む」と、デフォルトのマージン/パディングが開始され、全体が移動します。

修正は非常に簡単です。これをCSSに追加するだけです。

#footer p
{
    clear: both;
}

Answer 3

#banner と #content の間の空白について話している場合、これが解決策です

オーバーフローを追加:非表示; #wrapper と

#footer {
    float: left;
    height: 79px;
    text-align: center;
    width: 900px;
}