html - 摆脱页脚右下角的空白

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;
}