Herrenlos Rand oben <h1> - tag

Ich habe eine <div> mit einem <h1> tag in ihm (in dem moment, dass ist die einzige Sache. Ich Baue diese Seite von oben nach unten). Ich bin immer ein sehr großer Raum, der über dem Titel. Wenn Sie einen Drill-down mit firebug, der Raum ist nicht enthalten in der <body> oder die <div> ist, sondern eine Marge oberhalb der <h1> tag. Sollte nicht der ganze tag, Marge und alle, umgeben von den übergeordneten container? gibt es eine Möglichkeit, dies zu tun? Im moment wird dieser Raum ist vollständig unstyleable, die zu keiner container.

Beispiel:

<html style="background:green">
<head>
</head>
<body style="background:blue">
    <div style="background:red">
        <h1 style="background:yellow">Hello world!</h1>
    </div>
</body>
</html>

Können Sie deutlich sehen, wenn die Anzeige dieser, dass weder die <body> noch die <div> umgeben, die Marge.

  • Können Sie ein Beispiel des Problems, das wir anschauen können?
  • Ist es nicht <h1> selbst? Überschriften sind immer voll mit spürbaren Margen..
  • Alpert Hinzugefügt ein Beispiel. Ich dachte, es war ziemlich klar, bevor ich nicht die Mühe.
  • Was Sie beschreiben sollte schon enthalten sein, in der übergeordnete container. Kannst du die genaue problem Sie es zu tun haben?
InformationsquelleAutor Baruch | 2011-06-05
  1. 5

    können Sie versuchen, diesen code Ursache h1 hat eine Standard-Marge 

    h1{margin:0;}
    • Die Frage ist wirklich, warum Marge ist nicht Bestandteil des übergeordneten Containers.
    • wirklich ich versucht, um es herauszufinden, aber ich habe keine Geldstrafe, eine klare Antwort aber by the way, wenn Sie legen Sie eine Höhe für die container, und legen Sie h1 als position:absolute wird der Rand hinzufügen, um die container wirklich ich weiß es nicht wissen, eine Erklärung für diese situation h1{position:absolute} div.container{height:200px;}
    InformationsquelleAutor Reda
  2. 4

    Fand ich eine ähnliche Frage hier, und folgende links gefunden, die Antwort auf diese Seiten:

    Im Grunde, es hat zu tun mit einstürzenden Rändern. Um das problem zu lösen musste ich hinzufügen 1px-padding für den container.

    InformationsquelleAutor Baruch
  3. 0

    Wenn Sie laufen in Probleme mit margin und padding von nirgendwo, möchten Sie vielleicht versuchen Sie es mit einem CSS-Reset.

    * { 
    margin: 0; 
    padding: 0;
}

    Den oben genannten reset-Regel funktioniert für mich.

    InformationsquelleAutor Wex
  4. 0

    Verwenden
    line-height: 0.65em; //neigt dazu, zu verringern oder zu beseitigen diese über-Läppen-Marge Problem.

    InformationsquelleAutor Geoffrey Scott Howells
Schreibe einen Kommentar