Unerkläricher Außenabstand?

Woher kommt der Außenabstand

Beispiel mit Lösung

Woher kommt der Außenabstand, wenn doch die Elemente, die aufeinander folgen alle margin: 0 haben.

        body, header, main{margin:0;}     
        header{background-color: #88DDE1;}
        main{background-color: #fec;}        

Im body liegt ein header und darunter ein main. In beiden liegt eine Überschrift.

Es liegt daran, dass das margin, der Überschriften, welches vom Browserstylesheet zugewiesen wurde, nicht an die Innenkante, des headers und des main Elements anstößt, weil diese Elternelemente weder padding noch border haben.

zurück zum Tipp