文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5页脚-无法删除的页边距

问HTML5页脚-无法删除的页边距
EN

Stack Overflow用户

提问于 2013-09-11 23:47:42

回答 5查看 5.1K关注 0票数 0

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

那就是online here

谢谢，凯文

css

html

回答 5

Stack Overflow用户

发布于 2013-09-11 23:49:55

你的身体上有一个空白处：

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

应该解决这个问题

票数 2

Stack Overflow用户

发布于 2013-09-11 23:50:09

您可以使用：

body {
    margin:0;
}

或者(最好)在页面中包含normalize.css。

票数 2

Stack Overflow用户

发布于 2013-09-11 23:57:31

只添加一样东西就能给你解决方案-

将页边距:0添加到正文

body {边距:0；}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18745773

复制

相似问题

问HTML5页脚-无法删除的页边距
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5页脚-无法删除的页边距EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5页脚-无法删除的页边距
EN