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 内容，但它是一个大文件，因为它有多个页面的代码，并且适用于个人网站。

如果您有任何想法或者我遗漏了任何明显的东西，请告诉我。

此外，如果我向容器添加 400 像素的高度，它仍然不会减少空间 - 它只是删除了它的背景颜色，我的页脚 div 仍然低于内容 500/600 像素。

谢谢

4

2 回答 2

0

删除margin-bottom:40px;，这应该消除差距。

于 2013-11-12T10:43:40.537 回答
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 回答