Question

坦率地说，我已经看过很多关于这个主题的帖子，以至于我几乎不回答这个问题，但到目前为止，没有任何内容覆盖或解决了我的问题。只有当我将浏览器设置为全屏时（按F11），我才会在this网站上显示白屏。如果他们的浏览器也进入全屏模式，那么在49英寸电视等大屏幕上空间更加糟糕。我正在使用blankslate主题并使用elementor插件来构建网站，所以我没有说“官方”页脚。如何最好地摆脱这个，因为它在巨大的屏幕上看起来真的很难看。诸如this one之类的解决方案，但它们不起作用，包括设置

身高：100vh; // custom.css * /
中的100％/ *

Answer 1

好的一些事情：你的身体有8px的余量：

body {
    margin: 0;
}

你想要高度：100vh;在内容的内容上。它还有保证金最高点：-1％;由于某种原因：

.elementor-element-9q9c7yv {
    height: 100vh;
    margin-top: 0; 
}

这修复了所有内容，除了底部有一个空div，它将1px的空白空间添加到页脚，摆脱它：

elementor-container elementor-column-gap-no {
    display: none;
}

你去：）

Answer 2

尝试：

html, body {
  height: 100%;
}

如果这不起作用，你可以加上上面的内容：

footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

在全屏浏览器和大（49英寸）屏幕上摆脱页脚下的白色空间

2 个答案: