在我网站的首页上，页脚内容正在加载到页面底部，应该放在页面底部。但样式正在加载到页面的中间。正如你所看到的，我在页脚上调了一个红色背景，但是它出现在一个远在页脚html之上的小部件后面。这是一个WordPress网站，我很确定对页脚的调用（WP_footer和get_footer）正在被正确执行。我有一种感觉，其他东西正在扰乱页面的流动，但我找不到它。该网站处于早期开发阶段，并且它是以移动优先的方式完成的，因此它可能看起来像是比电话更大的混乱。这是链接：
- 已删除链接 -
谢谢你看看！
PS。主要在Firefox中使用Mac。
答案 0 :(得分：0)
向页脚添加一个clearfix类，浮点数正在弄乱它包装内容。
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
} <div id="footer" class="grid clearfix">
</div>
答案 1 :(得分：0)
给予风格
float:left
到你的页脚，它将被修复。
答案 2 :(得分：0)
由于您的窗口小部件向左浮动，因此父容器不会扩展到内容高度。您可以在css中添加以下类：.grid {display:table; width:100%;}