Question

我已经开始了一个基于HTML 5 Boilerplate的网站，我想要一个基本上所有白色网站，但我的页脚是灰色背景。问题是页脚下方有一个边距（并且非常确定它是边距不是填充或白色边框），在我的灰色页脚下方留下一条白色条带。

我已将所有内容剪下来以便在此处发布并移动我的CSS内联，并更改颜色以使其更加可见;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body style="background:#C0C0C0;">
    <img src="1by1.gif" width="700" height="1000" border="0" alt="">
        <div style="border-top: 1px solid #666366;background:#FFFF33;">
            <footer style=" max-width: 1200px; margin: 0 auto;">
                footer
            </footer>
       </div>
    </body>
</html>

并且它是online here

谢谢，凯文

Answer 1

你的身体有一个余地：

html, body {
    margin: 0;
    padding: 0;
}

应解决问题

Answer 2

您可以使用：

body {
    margin:0;
}

或（更好）在您的网页中加入normalize.css。

Answer 3

只添加一件东西可以给你解决方案 -
添加保证金：0到正文
身体{margin：0; }

Answer 4

有类似的问题。试试这个：在页脚里放一个<p>段。然后为“页脚p”制定一个css规则，在其中设置适当的边距。

Answer 5

如果您想在底部没有边距的情况下制作页脚，则只能在css文件中添加height属性，如果存在则删除边距底部。

footer{
  height : 120px;
  margin-bottom:0;
}

HTML5页脚 - 我无法删除的页边距

5 个答案: