Html 页脚上的奇怪边距_Html_Css_Footer_Sticky Footer

Html 页脚上的奇怪边距

html css

Html 页脚上的奇怪边距,html,css,footer,sticky-footer,Html,Css,Footer,Sticky Footer,我的主页上有一个页脚，奇怪的是它周围没有明显的原因（至少在我看来）。我只想要一个跟这页上的页脚差不多的页脚。只有一个100%宽度的普通页脚。问题是（正如你在我提供的图片中所看到的那样），左边、右边和底部都有一个大约9px的边距以下是CSS： #footer_container{ background: #181818; height: 200px; width: 100%; bottom:0; left:0; margin:0px 0px 0p

我的主页上有一个页脚，奇怪的是它周围没有明显的原因（至少在我看来）。我只想要一个跟这页上的页脚差不多的页脚。只有一个100%宽度的普通页脚。问题是（正如你在我提供的图片中所看到的那样），左边、右边和底部都有一个大约9px的边距

以下是CSS：

#footer_container{

    background: #181818;
    height: 200px;
    width: 100%;
    bottom:0;
    left:0;
    margin:0px 0px 0px 0px;
}

HTML

这就是它看起来的样子：

为HTML正文添加CSS规则：

body {
    padding: 0;
    margin: 0;
}

您的

正文

应该是这样的（

div

内

body

）：

这里有两件事不对，你的脚在你的身体之外：

<body>
  <div id="footer_container">
  </div>
</body>

我把它放进了一个盒子里，这样你就可以看到它在工作了

另一方面：如果你的页脚出于某种原因故意在正文之外，我强烈建议你改变这一点，以确保兼容性和SEO因素，我肯定会受到影响

为什么你的页脚在正文之外？？？你确定你删除了正文的边距吗

body{margin:0；}

您可以在JSFIDLE中复制它吗？您还需要将页脚的

位置定义为绝对
或相对。默认情况下，body有一个填充/边距。非常感谢你！
<body>
    <div id="footer_container">
    </div>
</body>

<body>
  <div id="footer_container">
  </div>
</body>

body {
    margin:0;
}
#footer_container{

    background: #181818;
    height: 200px;
    width: 100%;
    bottom:0;
    left:0;
    margin:0px 0px 0px 0px;
}