Question

我正试图摆脱页脚底部的一块白色空间。这是HTML：

        <hr style="height:7px; color:ff6c00; background-color: ff6c00; margin:-10; border:2px solid ff6c00;"/>

        <p><center><font family=audiowide size=20px color=white> Money  <font color=ff6c00>&bull;</font>  Time <font color=ff6c00>&bull;</font>  Health</font></center></p>

    </div>

这是CSS：

.Footer {
    background:#666666;
    text-align:left;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    padding-bottom: 5px;
  word-spacing : 2em;
}

我的标题遇到了同样的问题，但是我使用"display:inline"来解决它，这似乎不起作用，因为我没有像我在标题上那样嵌套div。

编辑：白色空间仅位于页脚的右下角，而不是所有边缘，这是我使用"display:inline"解决的问题。

非常感谢任何帮助。

Answer 1

尝试使用此

替换您的.Footer css规则

.Footer {
    background:#666666;
    text-align:left;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
}

摆脱页脚右下方的空白区域

1 个答案: