【问题标题】:How to rid space between footer and edge on both sides?如何消除两侧页脚和边缘之间的空间?
【发布时间】:2011-11-15 07:21:15
【问题描述】:

我想将页脚跨越整个页面宽度。

这听起来并不多,但我花了很多时间试图修复它。

我已将 margin 0 padding 0 放在 body 和 html 中。

我的页脚有 100% 的宽度。

我的页脚不在容器 div 中,位于页面底部。它不会到达页面的两侧,在每一侧之间留有空格。

我该如何解决这个问题?

我的 css 中有以下代码:

body {
font-family: Arial, Helvetica;
font-size: 14px;
margin: 0;
padding: 0;
}

html {
margin: 0;
padding: 0;
}

footer {
clear: both;
padding: 0;
background-color: #ff0;
width: 100%;
}

【问题讨论】:

  • 您尝试过的一个简短示例会有所帮助。
  • 我们能提供一个小提琴或一个例子吗?它对我来说工作正常

标签: html css


【解决方案1】:

在 Chrome 中,使用开发工具(按 F12)检查元素并查看造成空间的原因。 在 Firefox 中,您可以使用 Firebug。

我的猜测是它是页脚的边框,但没有看到代码,它/只是/一个猜测。

【讨论】:

  • 感谢大家的快速回复,我使用了 firebug 并确定它是创建填充的主体。我确实有边距:0,填充:0;在我的样式表中,但它不起作用。我让它工作的唯一方法是实际上将相同的代码硬编码到html中,例如 这是我每次都应该做的吗?
  • 不,css应该已经被拾取了。样式表可能未正确包含在页面中。
猜你喜欢
  • 2017-04-08
  • 2017-11-23
  • 2014-04-30
  • 2015-09-26
  • 2017-05-25
  • 1970-01-01
  • 2022-01-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多