Wie Entferne ich die Leerzeichen zwischen div und top-of-page?

Dies hat wahrscheinlich gebeten worden, eine million mal, aber ich würde es begrüßen, wenn jemand könnte erklären, das Verhalten der divs.. ich

Ich habe einen div-container, die ich bin Angleichung in der Mitte der Seite, die eine Lücke zwischen der Spitze und der Spitze der Seite. Ich will, dass es bündig mit dem oberen Rand der Seite. Ich gehe davon aus, dass es irgendeine Art von margin oder padding, das muss ich entfernen, aber ich kann mir nicht denken was es sein könnte. Sogar mit nichts in den div da ist noch eine Lücke.

    <body>
    <div id='mainContent'>

    </div>
</body>


body
{
    background-color:black;
    background-image:url("img/background.jpg");
    background-repeat:repeat;
}

#mainContent
{
    width:1200px;
    height:500px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
}

Hier ein JSFiddle , um Ihnen eine Vorstellung von dem, was ich meine.

Kann mir bitte jemand erklären, warum das div-Element nach unten gedrückt, wie es ist? Ist es eine robuste Lösung, die nicht auf alle Inhalte, die man in den div??

HINWEIS: Wenn die Bildschirmbreite ist kleiner als der div-Breite, gibt es eine Lücke auf der linken Seite aswell.

InformationsquelleAutor user2630210 | 2013-11-06

12

Müssen Sie zum zurücksetzen der Standard-Rand der body dass 8px aprox.
```
body,html {
  margin:0;
  padding:0;
}
```
Die Demo http://jsfiddle.net/H76bq/3/

Für alle Standard-Elemente hat einige Eigenschaften:

http://www.w3.org/TR/CSS21/sample.html

Setzen Sie diese in Ihre eigene css.

InformationsquelleAutor DaniP
3

Könnten Sie ein star-Selektor-und reset-alles so, dass kann man alles selber einstellen:
```
* { margin: 0; padding: 0; border: none; }
```
Oder wenn Sie wollte eine master-reset-stylesheet, die Sie nutzen könnten Jonathan Neal ' s Normalize CSS via Google CDN.

Normalisieren.css ist eine anpassbare CSS-Datei, macht die Browser Rendern alle
Elemente mehr konsequent und in Einklang mit modernen standards. Wir haben recherchiert,
die Unterschiede zwischen Standard-browser-Stile, um zu Zielen genau
nur die Stile, die Notwendigkeit der Normalisierung.

Nur diese im Kopf:
```
<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
```
InformationsquelleAutor Code Maverick

Hinzufügen margin: 0px; zu body wie unten. Der Grund ist, weil body standardmäßig stellt eine Marge.

body{
    background-color:black;
    background-image:url("img/background.jpg");
    background-repeat:repeat;
    margin: 0;
}

Demo-Geige

InformationsquelleAutor Harry

1

Kann es auch dadurch verursacht wurde, dass line-height Eigenschaft.
So legen Sie die line-height zu, wie Sie es wünschen!

InformationsquelleAutor KeepMove

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.