【问题标题】: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 尝试自己解决时遇到了同样的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-05-11
  • 1970-01-01
  • 2017-04-10
  • 2013-06-05
  • 1970-01-01
  • 2020-06-19
相关资源
最近更新 更多