Supprimer la marge du corps en CSS

Je suis nouveau sur le développement web, et a rencontré un problème lors de la suppression de la marge de corps.

Supprimer la marge du corps en CSS
Il y a de l'espace entre le très haut du navigateur et "logo" du texte. Et mon code est ici sur jsbin.

Est body { margin: 0;} mal si j'aimerais supprimer l'espace?

source d'informationauteur chenghuayang

  1. 16

    Je dirais que l'utilisation de:

    * {
  margin: 0;
  padding: 0;
}

    est un mauvais moyen de résoudre cela.

    La raison pour laquelle le h1 marge popping out de la mère est le parent n'ont pas de rembourrage.

    Si vous ajoutez un rembourrage à l'élément parent du 1er semestre, la marge sera à l'intérieur de la mère.

    Réinitialisation tous les rembourrages et les marges à 0 peut causer beaucoup d'effets secondaires. Ensuite, il est préférable de retirer margin-top pour ce titre.

  2. 4

    Certains éléments HTML ont les marges prédéfinies (à savoir: bodyh1 à h6pfieldsetformuloldldirmenublockquote et dd).

    Dans votre cas, c'est la h1 à l'origine de votre problème. Il a { margin: .67em } par défaut. Si vous le réglez à 0, il va supprimer l'espace.

    Pour résoudre de tels problèmes en général, je recommande l'utilisation de votre navigateur outils de dev. Pour la plupart des navigateurs: clic-droit sur l'élément que vous souhaitez en savoir plus sur et sélectionnez "Inspecter l'Élément". Dans les "Styles" de l'onglet, tout en bas, vous avez une boîte CSS-modèle. C'est un excellent outil pour visualiser les frontières, les rembourrages et les marges et quels sont les éléments qui sont à la racine de votre style de maux de tête.

  3. 3

    Je vous conseille de réinitialiser tous les éléments html avant d'écrire votre css avec : *{
    margin: 0;
    padding: 0;
    }

    Après cela, vous pouvez écrire votre css personnalisé, sans aucun problème.

  4. 2

    Vous avez encore une marge sur votre h1 tag

    Si vous avez besoin de l'enlever comme ceci:

    h1 {
 margin-top:0;
}
  5. 1

    Le problème est avec le h1 en-tête de la marge. Vous avez besoin d'essayer ceci:

    h1 {
 margin-top:0;
}
  6. 1

    Vous pouvez utiliser le corps ou * de faire de la marge et le remplissage 0px;

    *{
margin: 0px;
padding:0px;
}
  7. 0

    Cela devrait vous aider à vous débarrasser des corps des marges et par défaut en haut de la marge de <h1> tag

    body{
        margin: 0px;
        padding: 0px;
    }

h1 {
        margin-top: 0px;
    }
  8. 0

    Le droit de réponse à cette question est "css reset".

    * {
  margin: 0;
  padding: 0;
}

    Il supprime tous les défaut de la marge et le remplissage de chaque objet sur la page, pas de tabou, quel que soit le navigateur.

  9. 0

    J'ai trouvé ce problème a continué même lors de la définition du CORPS de la MARGE à zéro.

    Cependant, il s'avère qu'il existe une solution facile. Tout ce que vous devez faire est de donner à votre balise d'en-TÊTE d'un 1px frontière, ainsi que de définir le CORPS de la MARGE à zéro, comme indiqué ci-dessous.

    body { margin:0px; }

header { border:1px black solid; }

    Vous pouvez aussi avoir besoin de changer la MARGE à zéro pour tout H1, H2, etc. les éléments que vous avez dans votre en-TÊTE de div. Cela permettra de se débarrasser de tout espace supplémentaire qui peut montrer à travers le texte.

    Ne sais pas pourquoi cela fonctionne, mais j'utilise le navigateur google Chrome. Évidemment, vous pouvez aussi changer la couleur de la bordure pour correspondre à votre en-tête de couleur.