css & html5: pourquoi est-ce que mon corps ont un espacement en haut?

Je ne l'obtenez pas. J'ai ...

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

Cependant mon navigateur est toujours montrant la barre de défilement verticale, même si le contenu n'est pas à la hauteur de la fenêtre.

Dans la capture d'écran suivante, vous pouvez voir qu'il y a un peu d'espacement sur le dessus si je inspecter le body. Le htmln'a pas cet espacement.

Aucune idée de ce qui pourrait causer cela?

css & html5: pourquoi est-ce que mon corps ont un espacement en haut?

Je pense que votre problème sera dans votre balisage, par opposition à la CSS, avez-vous des espaces ou des lignes au-dessus du corps?
est-il tout autre contenu/tags à l'intérieur de votre corps?
Une chance que nous pourrions obtenir le plein code Source HTML? Peut-être il y a quelque chose d'illégitime dans votre <head> (par exemple, un <br /> pour une raison quelconque) qui est à l'origine de l'espace. Je sais que j'ai eu ce problème avec WordPress, le code généré pour environ trois mois avant j'ai travaillé dessus.

OriginalL'auteur matt | 2011-08-10

  1. 41

    Vous avez probablement un élément avec margin-top comme l'un des premiers enfants de body.

    Lire sur l'effondrement des marges.

    Purement comme un test simple, ensemble padding: 1px sur body. Si le fossé s'en va, je suis à droite.

    je vous remercie. ça y est!
    J'étais en train de perdre mon esprit sur ce. Merci!
    M'a aidé, bien que le test n'a pas fonctionné. J'ai mis padding: 1px dans le corps, mais l'écart est resté là. J'ai cherché un premier élément enfant avec une marge supérieure de toute façon et a trouvé et enlevé la marge --> l'écart a disparu.
    Astuce a fonctionné pour moi... m'a aidé à voir un div tellement évident que j'ai été complètement dominant.

    OriginalL'auteur thirtydot

  2. 1

    Fin à la conversation, mais pensé que cela pourrait aider certains...

    Si ce un site basé sur WordPress, il est probable que WordPress est d'ajouter:

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

    Il est en train de faire cela dans le but de faire de la place pour la barre d'administration, qui, apparemment, pour une raison quelconque ne s'affiche pas.

    Pour résoudre ce problème, ajoutez les lignes suivantes à votre thème functions.php fichier:

    add_filter('show_admin_bar', '__return_false');

    OriginalL'auteur Jahmic

  3. 0

    J'ai eu ce pour une toute autre raison: j'ai été, par inadvertance, de l'insertion textuelle des personnages (en particulier, des points-virgules) dans la tête, qui étaient en quelque sorte traduit dans le corps, où ils étaient cachés par d'autres balisage et/ou css. Mais, l'espace est resté.

    Dans mon cas, ni le corps, ni de toute évidence une première éléments enfants avaient aucune marge supérieure ou rembourrage. Texte supplémentaire a révélé que le premier (textuel) de l'enfant du corps, cependant il ne correspondaient pas exactement au texte que je devais enlever afin de résoudre le problème. Plus précisément, j'ai vu le texte suivant, avec beaucoup d'extra white-space:

    <body>
";




<!-- rest of stuff here -->

    Noter que je suis en utilisant un moteur de template HTML (plus précisément de Rasoir), alors tous les paris sont éteints à comment cette transmutation de ; ; à "; s'est produite.

    OriginalL'auteur jpaugh

  4. -2

    essayer

    body {
margin: 0;
padding: 0;
}
    Il a dans son code...

    OriginalL'auteur subseven