去除页脚右下角的空白答案

【问题标题】：Getting rid of white space at the bottom right of a footer去除页脚右下角的空白
【发布时间】：2013-09-14 17:55:45
【问题描述】：

我正在尝试删除页脚底部的空白条。这是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" 解决的问题。

非常感谢任何帮助。

【问题讨论】：

页脚应该是什么样子？
它应该跨越页面底部的宽度，它的深灰色与白色文本。

标签： html css space

【解决方案1】：

尝试用这个替换你的 .Footer css 规则

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

【讨论】：

这似乎完全破坏了页脚，我在 position:absolute 尝试自己解决时遇到了同样的问题。