1

我已经创建了一个基于 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>

它在这里在线

谢谢，凯文

4

5 回答 5

2

你的身体有一个边缘：

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

应该解决问题

于 2013-09-11T15:49:54.663 回答
2

您可以使用：

body {
    margin:0;
}

或者（更好）在您的页面中包含normalize.css 。

于 2013-09-11T15:50:08.677 回答
1

只有添加一件事才能为您提供解决方案，即
添加 margin:0 到 body
body { margin:0; }

于 2013-09-11T15:57:30.670 回答
0

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

于 2016-01-25T21:49:17.460 回答
0

如果你想在底部制作没有边距的页脚，你可以只在你的 CSS 文件中添加 height 属性并删除边距底部（如果存在）。

footer{
  height : 120px;
  margin-bottom:0;
}
于 2018-06-14T16:19:03.280 回答