为什么页脚 div 中有白色边框？答案

【问题标题】：Why is there a white border in a footer div?为什么页脚 div 中有白色边框？
【发布时间】：2013-04-13 01:03:35
【问题描述】：

我想在页脚中并排放置一个 div，但是使用此代码会留下一个白色边框。

<!DOCTYPE html>
<html lang="en">
    <head>
        <style type="text/css">
            #bottomnav {
                background-color: #333;
                opacity: 1;
                height: 100px;
                left: 0;
                right: 0;
                bottom: 0;
                overflow: visible;
            }
        </style>
    </head>
<body>
    <footer>
        <div id="bottomnav">
              Hello
        </div>
    </footer>   
</body>
</html>

【问题讨论】：

I don't see one.
您尝试过 CSS 重置吗？您是否设法在 Fiddle 中复制了该问题？
@showdev：我还是没看到。
你在哪个浏览器中测试这个？试试html, body { margin: 0; padding: 0 }。或者按照其他人的建议，使用 CSS 重置或规范化器。
问题：jsfiddle.net/w5Aha/2 解决方案：jsfiddle.net/w5Aha/1

标签： html css

【解决方案1】：

根据您的描述，我无法确定您有什么问题，但我猜这是body 元素的边距。试试这个：

body {
    margin: 0;
}

【讨论】：

【解决方案2】：

您需要将body 边距重置为零。

body {
  margin: 0;
}

【讨论】：

【解决方案3】：

你需要清除正文边距

* {margin:0; padding:0;}

但通用选择器会影响页面加载时间

查看 CSS 重置以及各种修复程序可以为您的浏览器做什么

http://www.cssreset.com/

这也可以为你解释很多事情http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/

【讨论】：