css＆html5：爲什麼我的身體在頂部有間距？

body, html { 
    height:100%; 
    margin:0; 
    padding:0; 
}

但是我的瀏覽器總是顯示，即使內容是不是高達攝氏窗口的垂直滾動條。

在以下屏幕截圖中，如果我檢查body，則可以看到頂部有小間距。 html沒有這個間距。

任何想法可能導致什麼？

enter image description here

2011-08-10 matt

是有你的身體內的任何其他內容/標籤？ – Rito

任何機會我們可以得到完整的HTML源代碼？也許你的''（例如，出於某種原因'
'）是非法的，這會導致空白。我知道我在使用WordPress生成的代碼時遇到了大約三個月的問題，然後才解決問題。 – nchpmn

我認爲你的問題會出現在你的標記中，而不是CSS，你在身體上方是否有額外的空格或線條？ – Dunhamzzz

你可能有margin-top元素作爲body第一個孩子。

純粹作爲簡單測試，在body上設置padding: 1px。如果差距消失，我是對的。

2011-08-10 08:47:39 thirtydot

謝謝。而已！ – matt

我對此失去了理智。謝謝！ – jurassic

幫了我，雖然測試沒有奏效。我把填充：1px放入身體，但差距停留在那裏。無論如何，我搜索了帶有頂部邊距的第一個孩子元素，並找到並從中刪除了邊距 - >差距消失了。 – ohcibi

-2

嘗試

body { 
margin: 0; 
padding: 0; 
}

2011-08-10 08:46:21 subseven

他有他的代碼... – codedude

晚的談話，但認爲這可能幫助一些......

如果一個WordPress基礎的網站，它是可能的WordPress是添加：

html { margin-top: 32px !important; }

這是爲了做這個爲管理欄騰出空間，顯然，由於某種原因沒有出現。

要解決這個問題，以下內容添加到你的主題的functions.php文件：

add_filter('show_admin_bar', '__return_false');

2016-08-05 08:42:07 Jahmic

回答