将Wordpress页脚放在页面末尾

Question

我有一个两难的感觉，赞赏并尝试提出任何建议。我有一个使用主题The Fox运行wordpress的localhost。除了页脚之外，我的一切都运行得很好。

我有一些页面，内容不扩展页面，而其他页面扩展超过页面，我的问题是页脚正好开始文本结束的地方，我不想添加空白，因为视图端口不同点。如下所示，我有一个内容很少的示例页面的屏幕截图。

我希望您注意到页脚后面有额外的空白区域，这也是屏幕上的页脚占据页面的中心。

无论内容的长度或屏幕的大小，我都希望页脚延伸到页面的末尾。

在CSS内部，有一个页脚部分，它位于Pastebin，但我认为最重要的部分如下所示;

  

页脚

{
bottom:0px;
right:0;
left:0;
overflow:auto;
padding:0px;
min-height:70px!important;
height:auto;
position: relative;
z-index: 9000;}

在页脚中，我只使用一个列，我认为此代码处理...也在pastebin中。

 .footer_1_col .widget_wrap 
   {
width:100%!important;
float:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding-right:10px!important;
}

在页脚类型上，我使用类型8，它使用代码;

/**************************************************

   Footer Type 8

**************************************************/
   .footer_type_8 .widget_wrap {
    margin: 10px 0px 0px 0;
    }
    .footer_type_8 .widget {
    margin:0px 0px 0px 0;


}
.footer_type_8 .widget h2 {
font-size:10px;
text-transform:uppercase;
font-weight:900;
letter-spacing:normal;
line-height:14px;
margin-bottom:0px;
padding-left:0px;
position: fixed;
}
.footer_type_8 .widget_line {
display:none;
}

请问我做错了什么，我需要在哪里进行更改？如果您需要查看其他代码，请告诉我，我会将其发布在pastebin上。

感谢。

Answer 1

特别感谢@Firasd的评论使这成为可能。

我所做的只是使用浏览器检查器查找body元素，然后使用已知的页眉和页脚静态高度重新计算该元素的大小。

这已添加到网页的CSS部分

html,body {height:100%;}#fw_c { min-height: calc(100vh - 162px);}

主题使用Bakerly Visual Composer，我只需将上面的代码添加到我想要更改的页面。

请注意，如果您有滑块，则需要将其放在计算中，除非滑块位于行元素中。