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