页脚奇怪的边距

我的主页上有一个页脚，奇怪的是它周围没有明显的缘故（至少在我看来）。我只是想要一个页脚，就像在这个页面上一样。只有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

来源

2014-01-20 the_critic

为什么在外面你的页脚你的身体？ – Cam

你确定删除了身体的边距吗？ 'body {margin：0; }'你可以在jsfiddle中重现它吗？ –

您还需要将页脚的“位置”定义为“绝对”或“相对”。 – otinanai

添加CSS规则的HTML身体：

body { 
    padding: 0; 
    margin: 0; 
}

和你body应该是这样的（div内body）：

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

来源

2014-01-20 22:12:06

默认情况下，身体似乎有填充/边距。非常感谢你！ –

有两件事情错在这里，你的页脚是你的身体外：

<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因素

来源

2014-01-20 22:13:21

页脚奇怪的边距

回答

相关问题