css - 如果我在上面的div中使用clearfix，则页脚会在Chrome中吓到

如果删除页脚上方的clearfix div，则文本将固定下来，就像在Firefox上一样。

但这打破了其他事情。我完全不知道该clearfix会如何影响页脚...

我的页面：

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

最佳答案

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

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

如果您删除margin-top: -150px规则，则看起来会清除Chrome。

在#content样式中，您似乎有一条padding-bottom: 150px;规则将所有内容推后推了很多。可能也想减少一点。

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

关于css - 如果我在上面的div中使用clearfix，则页脚会在Chrome中吓到，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12502784/