加载到页面中间的 WordPress 页脚样式

Question

在我网站的首页上，页脚内容正在加载到页面底部，它应该在该位置。但是样式正在加载到页面中间。如您所见，我在页脚上调用了红色背景，但它出现在远高于页脚 html 的小部件后面。这是一个 WordPress 网站，我非常确定对页脚（WP_footer 和 get_footer）的调用正在正确执行。我感觉有其他东西扰乱了页面的流动，但我找不到它。该网站处于早期开发阶段，并且以移动设备为先，因此在大于 phone 的视图下，它可能看起来像一团乱麻。这是 link:

-- link 移除--

感谢观看！

PS。主要在 Firefox 中工作 Mac。

Answer 1

向页脚添加一个 clearfix class，浮动内容会扰乱它包裹内容。

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

   <div id="footer" class="grid clearfix">

</div>

Answer 2

给风格

float:left

到您的页脚，它将被修复。

Answer 3

因为您的小部件向左浮动，所以父容器不会扩展到内容高度。您可以在 css 中添加以下 class：.grid {display:table; width:100%;}

加载到页面中间的 WordPress 页脚样式

WordPress footer styles loading to middle of page

html

css

wordpress

footer