css＆html5：なぜ私の体は一番上にスペースがありますか？

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

しかし、私のブラウザは、コンテンツがウィンドウと同じ高さではなくても、常に垂直スクロールバーを表示しています。

次のスクリーンショットでは、bodyを調べると、上にこの小さなスペーシングがあることがわかります。 htmlにはこの間隔はありません。

何が原因なのでしょうか？

enter image description here

2011-08-10 matt

は、あなたの体の内部の任意の他のコンテンツ/タグはありますか？ – Rito

私たちは完全なHTMLソースを得ることができますか？空白の原因となっているあなたの ''（なんらかの理由で '
'）に不当なものがあるかもしれません。私は、WordPressで生成されたコードでこの問題が発生してから約3ヶ月前に解決したことを知っています。 – nchpmn

あなたの問題はCSSとは違ってあなたのマークアップにあると思います。あなたの体の上に余分なスペースや行がありますか？ – Dunhamzzz

を試してみてください。

collapsing marginsを読んでください。

純粋に簡易試験、padding: 1pxをbodyに設定してください。ギャップがなくなるなら、私は正しい。

2011-08-10 08:47:39 thirtydot

ありがとう。それでおしまい！ – matt

私はこれを忘れていた。ありがとう！ – jurassic

テストはうまくいかなかったが、助けてくれた。私は体に1pxのパディングを入れたが、そのギャップはそこにとどまった。とにかく一番上の余白を持つ最初の子要素を探して、それからマージンを見つけて削除しました.->ギャップが消えました。 – ohcibi

-2

おそらくbodyの最初の子の1つとしてmargin-topを持つ要素を持っている

body { 
margin: 0; 
padding: 0; 
}

2011-08-10 08:46:21 subseven

彼は彼のコードで... – codedude

会話に後期

が、これはいくつかを助けるかもしれないと思った...

このWordPressのベースのサイトであれば、ワードプレスが追加されている可能性がある：それは順序でこれをやっている

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

明らかに何らかの理由で表示されない管理バーのスペースを確保するためです。

あなたのテーマののfunctions.phpファイルに以下を追加し、この問題を解決するには、次の

add_filter('show_admin_bar', '__return_false');

2016-08-05 08:42:07 Jahmic

答えて