Question

我正在使用css

/* This css is for sticky footer*/
#ft {
    background-color: #445379;
    bottom: 0;
    color: #fff;
    height: 42px;
    left: 0;
    line-height: 42px;
    padding: 8px;
    position: fixed;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}

我将位置从fixed更改为relative，然后出现了一个空白区域。我该如何删除它。当位置固定时，它很好。

Answer 1

白色空间可能来自身体元素。大多数css重置/标准化删除它。尝试：

body, html{
    margin:0;
    padding:0;
}

Answer 2

使用position: relative;时，您可以在页面周围移动元素，但仍会将原始格式保留在原始位置。就像你会从一张纸的中间切出一个正方形。移动广场时，你仍会在纸上留下洞。

如果您希望空白区域消失，请使用position: absolute;。

希望这是有道理的。

此外，如果您不希望绝对定位元素在定位时跳过页面，请将父元素设置为position: relative;。

Answer 3

html代码

process

样式

<div id="all-site-wrap">
        <nav></nav>
        <content></content>
        <footer></footer>
 </div>

如何删除页脚下的空白区域？

3 个答案: