Fatal编程技术网
  • css/
  • Css HTML5页脚-我可以'；移开

Css HTML5页脚-我可以'；移开

css html

Css HTML5页脚-我可以'；移开,css,html,Css,Html,我已经开始了一个基于HTML5样板文件的网站，我想要一个基本上全白色的网站，但我的页脚背景是灰色的。问题是页脚下面有一个边距（很肯定是边距而不是填充或白色边框），在我的灰色页脚下面留下一条白色的条纹 为了在这里发布，我删减了所有内容，并将我的CSS内联，还更改了颜色以使其更直观 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

我已经开始了一个基于HTML5样板文件的网站，我想要一个基本上全白色的网站，但我的页脚背景是灰色的。问题是页脚下面有一个边距（很肯定是边距而不是填充或白色边框），在我的灰色页脚下面留下一条白色的条纹

为了在这里发布，我删减了所有内容，并将我的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>


页脚
而且是

谢谢，
凯文

你的身体上有一块空白：

html, body {
    margin: 0;
    padding: 0;
}
应该解决这个问题

你身上有一块空白：

html, body {
    margin: 0;
    padding: 0;
}
应解决此问题

您可以使用：

body {
    margin:0;
}
或者（更好）包含在您的页面中。

您可以使用：

body {
    margin:0;
}
或者（更好的）在你的页面中加入。只有添加一件事才能为你提供解决方案，那就是-
将边距：0添加到正文
body{margin:0；}

只添加一件事可以为您提供以下解决方案-
将边距：0添加到正文
正文{margin:0；}

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

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

如果要使页脚底部没有边距，则可以在css文件中仅添加高度属性，并删除边距底部（如果存在）

footer{
  height : 120px;
  margin-bottom:0;
}
如果你想让页脚底部没有边距，你可以只在css文件中添加高度属性，并删除边距底部（如果存在）

footer{
  height : 120px;
  margin-bottom:0;
}
你的身体和html标签在哪里？样板是否设置了边距：0；填充：0；在这两个方面？你真的需要添加normalize.css，因为H5BP非常依赖它。这对你正在做的事情很重要。对不起，请立即更正粘贴代码的问题是的，我使用normalize.css-这只是我问题的一个简单演示我发现了它-是的，为我上面代码的主体设置边距：0，但不是我在这里发布的真实代码。在我的实际页脚中，我有一个，在normalize.css中，它添加了边距：1em 0；到Ps-footer p{margin:0；padding:0；}似乎可以解决我的问题。为什么

页边距超出了>中包含的页边距？您的正文和html标记在哪里？样板是否设置了边距：0；填充：0；在这两个方面？你真的需要添加normalize.css，因为H5BP非常依赖它。这对你正在做的事情很重要。对不起，请立即更正粘贴代码的问题是的，我使用normalize.css-这只是我问题的一个简单演示我发现了它-是的，为我上面代码的主体设置边距：0，但不是我在这里发布的真实代码。在我的实际页脚中，我有一个，在normalize.css中，它添加了边距：1em 0；到Ps-footer p{margin:0；padding:0；}似乎可以解决我的问题。为什么

边距超出了包含在>中的边距？正文{margin:0；}已在normalize.cssm中，但已将上面的内容添加到my main.css（在我的完全编码版本中）中。同样的{margin:0；}已在normalize.cssm中，但已将上面的内容添加到my main.css（在我的完全编码版本中）仍然相同，甚至更好：

marginbottom:0更好：
页边距底部：0