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

Html 为什么页脚div中有白色边框?,html,css,Html,Css,我想在页脚中并排放置一个div,但使用此代码会留下一个白色边框 <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> #bottomnav { background-color: #333; opacity: 1; height: 1

我想在页脚中并排放置一个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>

#底部导航{
背景色:#333;
不透明度:1;
高度:100px;
左:0;
右:0;
底部:0;
溢出:可见;
}
你好

根据您的描述,我不太清楚您有什么问题,但我猜这是
正文
元素上的空白。试试这个:

body {
    margin: 0;
}

从您的描述中,我不太清楚您遇到了什么问题,但我猜是
body
元素上的空白。试试这个:

body {
    margin: 0;
}

您需要将
正文
页边距重置为零

body {
  margin: 0;
}

您需要将
正文
页边距重置为零

body {
  margin: 0;
}

您需要清除正文页边距

* {margin:0; padding:0;} 
但通用选择器会影响页面加载时间

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


此外,这可能会为您解释一系列需要清除正文边距的事情

* {margin:0; padding:0;} 
但通用选择器会影响页面加载时间

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


这也可以为你解释很多事情。你尝试过CSS重置吗?你成功地把这个问题复制到了一个小提琴上吗?@showdev:我仍然没有看到。你在哪个浏览器上测试这个问题?尝试
html,正文{margin:0;padding:0}
。或者按照其他人的建议,使用CSS重置或规范化程序。问题:解决方案:。是否尝试CSS重置?你成功地把这个问题复制到了一个小提琴上吗?@showdev:我仍然没有看到。你在哪个浏览器上测试这个问题?尝试
html,正文{margin:0;padding:0}
。或者按照其他人的建议,使用CSS重置或规范化器。问题:解决方案: