頁腳奇怪的邊距

我的主頁上有一個頁腳，奇怪的是它周圍沒有明顯的緣故（至少在我看來）。我只是想要一個頁腳，就像在這個頁面上一樣。只有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

頁腳奇怪的邊距

回答

相關問題