如果我在上面的div中使用clearfix，则页脚在Chrome中吓坏了

Question

如果我删除页脚上方的clearfix div，则文本就会出现，就像在Firefox上一样。

但这打破了其他事情。我不明白这个clearfix究竟会如何影响页脚...

我的页面：

http://www.craftonhills.edu/Current_Students/Counseling/Assessment.aspx

Answer 1

看起来您的页脚元素与这些样式规则相关联：

#footer {
    clear: both;
    font-size: 1.4em;
    height: 150px;
    margin-top: -150px;
    position: relative;
}

如果您删除margin-top: -150px规则，则可能会清除Chrome。

在#content样式中，看起来你有一个padding-bottom: 150px;规则正在推动所有内容。可能也希望减少一点。

如果您的目标是粘性页脚，出于某种原因，我可以在Firefox，Chrome和IE中将margin-bottom: -150px;规则添加到#container元素中。但是，我认为它有点高于150px。

Answer 2

我最后在我的clearfix div下添加了一个.push div，它的高度为180px（正确的高度，填充，而不是150px）。不是语义，但它似乎修复了Chrome。