Woher kommt der Außenabstand
Beispiel mit LösungWoher 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.