页脚边距 - 如何删除它？

Question

试图弄清楚为什么，在某些页面上，页脚中有一个巨大的边距（空格），请参见此处

https://wrestlenation.net/misc.php?action=help&hid=8

仅适用于页面上元素不多的页面。

Answer 1

我过去使用过类似的代码来实现这个目标

＆＃13;

＆＃13;

.PAGE-CONTENT-CONTAINER {
 position: relative; /*positions relative to its normal position*/
  min-height: 100vh; /* 1vh is Relative to 1% of the height of the viewport*/
  padding-bottom: 60px; /* Should be equal to the height of your footer */
}

.FOOTER {
  width: 100%; /* self explanatory */
  position: absolute; /*The element is positioned relative to its first positioned (not static) ancestor element*/
  bottom: 0PX; /*property affects the vertical position of a positioned element*/
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

您应该为包装器设置一个最小高度，以便在一些空格后看到页脚。

.wrapper{
    min-height: 64vh;
}