页面底部和页脚之间的空白间隙

Question

我查看了其他关于这个主题的问题，但答案没有帮助到我。

有点难以解释，但我会尝试。所以我有一个页脚：

#fußzeile{
    width: 100%;
    background-color: #e9e8e5;
    padding-top: 14px;
    padding-bottom: 14px;
    bottom: 0;
    padding-left: 24px;
    height: 36px;
    text-align: center;
}

我尝试使用overflow: hidden, height: 100%等方式。我使用margin-top将包装器向下推，然后它可以工作，但是如果我最小化网站，间隙会再次出现。使用position: absolute/relative也不起作用。

- Ichvan Ibragimov

---

你需要把这个放到一个fiddle里面，而且你的问题并不是很清楚。 - ediblecode

一个简单的谷歌搜索“CSS粘性页脚”将会给你很多选项。 - hellsgate

我已经使用了body{padding: 0px; margin: 0px}，但是没有起作用。我在谷歌上搜索了一下，但是选项并不是最好的，所以我决定在这里问一下。 - Ichvan Ibragimov

你能提供一个 Fiddle 以便我们可以可视化问题吗？ - prashant

Answer 1

尝试在你的css中使用以下内容：

#fußzeile{
    position: fixed;
    bottom: 0px;
}

- Chris Pickford

Answer 2

position: absolute;
width: 100%;

这对我有所帮助，只需添加两行代码即可进行更正。

- slingbladerunner

Answer 3

试试这个：

#fußzeile{
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background-color: #e9e8e5;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
    height: 36px;
    text-align: center;
}

这是一个工作演示，

点击这里

。

- Alfred

Answer 4

这种情况通常发生在页脚上方没有任何内容的情况下。您可以尝试将页脚 div 移动到任何容器之外（如果它包含在容器中，请确保它是 html 的直接子元素），然后将其 POSITION 设置为 absolute。

- dt teja