Css 将Wordpress页脚放在页面末尾

我有一个两难的选择，我欣赏并尝试提出的任何建议。我有一个本地主机使用这个主题运行wordpress。除了页脚，我的一切都运转得很好

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

我希望您注意到页脚后面有额外的空白，这也在屏幕上，使页脚位于页面中心

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

在CSS内部，有一个页脚部分，在这里，但我认为最重要的是如下所示

页脚 在页脚中，我只使用了一列，我认为这段代码可以处理。。。也在巴斯德宾

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

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

---

谢谢。

特别感谢@Firasd的评论，使之成为可能

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

这已添加到页面的CSS部分

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

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

---

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

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

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

这已添加到页面的CSS部分

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

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

---

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

我会尝试将

min height:95vh

放在包裹内容的容器上，页脚上方。@firasd我这样做了，但在每一页上都有额外的空白。即使有足够内容的页面也能将页脚向下推？我理解min height正是您所需要的。在没有看到HTML的情况下，我无法告诉您要将CSS应用于哪个元素，但我在Fox主题演示中尝试了它，它很有效。尝试

.section.def_section{min height:80vh；}

我会尝试将

min height:95vh

放在包裹内容的容器上，页脚上方。@firasd我这样做了，但在每一页上都有额外的空白。即使有足够内容的页面也能将页脚向下推？我理解min height正是您所需要的。在没有看到HTML的情况下，我无法告诉您要将此CSS应用于哪个元素，但我在Fox主题演示中尝试了它，它可以工作。请尝试

.section.def_section{min height:80vh；}

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

   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;
}

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