内容大小增加时卡住页脚的移动答案

【问题标题】：Stuck with movement of footer when content size increases内容大小增加时卡住页脚的移动
【发布时间】：2013-02-17 07:07:51
【问题描述】：

我被一个问题困扰了很长一段时间。我用谷歌搜索并尝试了几乎所有的回复，但没有一个有效.. 我有一个具有以下布局的 PHP 页面

<div id="wrapper">
<div id="header"/>
<div id="content"/>
<div id=footer/>
</div>

现在内容 div 的内容来自 Db，通常占用的高度比浏览器窗口大小要大。

这是我使用的 CSS

#footer { 
    color: #707070; 
    clear: both;

    min-height: 100px;

}

#content {
    width: 100%;
    min-height: 400px;
    margin-bottom: 25px;
}

但是当该 div 的大小增加时，页脚不会在其下方移动，而是页脚显示在内容 div 的中间，但在其下方 1 层。谁能帮帮我？

【问题讨论】：

你确定这是你的完整 CSS 吗？
确保完整 CSS 的一种方法是查看 Chrome 浏览器中的代码 - 打开页面，按 F12，元素选项卡，然后展开 DIV 直到到达页脚 -在右侧面板上，您将看到正在使用的实际 CSS 以及任何继承的 CSS（这可能是您的问题）
严格来说，
元素在 HTML 中是一个非空/非空元素，即它并不意味着自关闭。尽管
是有效的 XHTML——由于 /> 表示自闭合（或空）XML 元素——它被常见的 HTML 解析器和一些验证器解释为未闭合的开始标记，因此在 HTML 4.01 和 HTML5 中无效.1.
至于页脚周围没有引号，那是 html 5+ 唯一的东西。
另外，我在这里没有收到任何错误：jsfiddle.net/mKPKV