0

ウェブサイトを作成中ですが、問題が発生しています -

フッターと残りのコンテンツの間に大きなスペースがあります。フッターを含むすべてのコンテンツを保持するコンテナーがありますが、そのコンテナー内にコンテンツを保持する別の div があります。コンテナ div には高さが設定されていません。これは、コンテンツとともに拡張することになっているためです。

コンテナーの CSS:

.middle-container {
margin:0 auto;
margin-bottom:40px;
width:980px;
background-color:hsla(90,10%,20%,1);
padding-top:15px;
}

フッターには、これに影響を与えるコードが含まれていません。これを完全に削除しても、余分な高さが残っているためです。考えられることはすべて試しましたが、CSS についてはそれほど進んでおらず、まだ学習中です。CSS コンテンツ全体をここに投稿しますが、複数のページのコードがあり、個人サイト用であるため、大きなファイルです。

アイデアがある場合、または明らかな何かが欠けている場合は、お知らせください。

また、コンテナーに 400px の高さを追加しても、スペースは減りません。背景色を削除しただけで、フッター div はコンテンツの下 500/600px のままです。

ありがとう

4

2 に答える 2

0

CSS は次のようになります。

.middle-container{
 margin:0 auto 40px;
 width:980px;
 background-color:hsla(90,10%,20%,1);
 padding-top:15px;
}
于 2013-11-12T10:43:51.680 に答える
0

削除するmargin-bottom:40px;と、ギャップがなくなります。

于 2013-11-12T10:43:40.537 に答える