Css 如果我在上面的div中使用clearfix，页脚会在Chrome中崩溃

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

但这破坏了其他东西。我不明白clearfix是如何影响页脚的

我的页面：

---

它看起来像是页脚元素，因为与之相关联的样式规则如下：

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

如果您删除

页边距顶部：-150px

规则，它看起来会清除Chrome

在#content样式中，看起来有一个

填充底部：150px规则，将所有内容都向下推了很多。也许你也想减少一点

如果您的目标是粘性页脚，出于某种原因，添加
页边距底部：-150px#container
元素的code>规则。但是，我认为它比150px高一点。
我最后在我的clearfix div下面添加了一个.push div，使其高度为180px（正确的高度，带填充，而不是150px）。不是语义上的，但它似乎修复了Chrome。
这几乎奏效了。但这应该是一个粘性页脚，如果内容太短，则删除页脚以与页面底部对齐。删除150px引用会将其放在屏幕底部以下，正如您在这里看到的：这确实解决了粘性问题，但在Chrome中会再次打断页脚，具体取决于查看大小，对我来说。。。