Question

我在我的主页上有一个页脚，奇怪的是它周围有一个边缘，没有明显的原因（至少在我看来）。我只想要一个与这个页面非常相似的页脚。只是一个100％宽度的普通页脚。问题是（正如你可以在我提供的图片中看到的那样），左边，右边和底部有一个约9px的边距。

这是CSS：

#footer_container{

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

HTML

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

这就是它的样子：

enter image description here

Answer 1

为HTML正文添加CSS规则：

body {
    padding: 0;
    margin: 0;
}

您的body应如下所示（div内body）：

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

Answer 2

这里有两个错误，你的页脚在你的身体之外：

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

你需要摆脱身体上的边距，然后宽度：100％将起作用

body {
    margin:0;
}
#footer_container{

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

我已将其弹出到JSfiddle，以便您可以看到它正常工作。

侧面说明：如果您的页脚出于某种原因故意在身体之外，我强烈建议您更改此项以确保兼容性和SEO因素我确信会受到影响

页脚上的奇怪边距

2 个答案: