CSS - 给 div 额外的高度？页脚和容器之间的巨大空间答案

【问题标题】：CSS - extra height being given to div? Huge space between footer and containerCSS - 给 div 额外的高度？页脚和容器之间的巨大空间
【发布时间】：2013-11-12 10:19:22
【问题描述】：

我正在创建网站，但遇到了问题 -

我的页脚和我的其他内容之间有一个巨大的空间。我有一个包含我所有内容的容器，包括我的页脚，但是有一个单独的 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 像素。

谢谢

【问题讨论】：

另外，你能提供更多的 HTML/CSS 吗？引用的代码只是图片的一部分
你真的应该创建一个 JsFiddle，这将允许其他用户在修复后仍然看到问题和解决方案。
你的页脚代码是什么？
还有 .middle-container 里面有什么内容吗？
Jsfiddle ??? yaaar 让一切变得简单

标签： html css

【解决方案1】：

删除 margin-bottom:40px; 应该可以消除差距。

【讨论】：

【解决方案2】：

您的 CSS 应如下所示：

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

【讨论】：