Question

我希望并排显示页脚，但是使用此代码会留下白色边框。

<!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>

Answer 1

根据你的描述，我不能确定你有什么问题，但我猜它是body元素的边距。试试这个：

body {
    margin: 0;
}

Answer 2

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

body {
  margin: 0;
}

Answer 3

你需要清除身体边缘

* {margin:0; padding:0;}

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

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

http://www.cssreset.com/

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

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

3 个答案: