@@Jens
Allerdings bin ich jetzt völlig durcheinander, wenn da jetzt noch before. after und box-sizing genannt wird.
Mit box-sizing
ist es möglich, ein Box-Modell zu wählen:
-
content-box
(default): CSS-Standard, wenig intuitiv. width gibt nicht die Gesamtbreite an, die das Element einnimmt, sondern die Breite von seinem Inhalt – ohne padding-left/right und border-left/right-width. -
border-box
: vom IE ursprünglich entgegen dem Standard implementiert, dann Quirks-Modus. Intuitiver als das Standard-Modell, denn width ist die tatsächlich vom Element beanspruchte Breite inklusive padding-left/right und border-left/right-width.
Man tut wohl gut daran, bei neuen Projekten von Anfang an das Box-Modell mit border-box
für alle Elemente zu wählen.
Gibt es im Wiki ein Muster, wo all dies berücksichtigt ist?
Es gibt einen Eintrag zum Box-Modell, den ich aber nicht für anfängertauglich halte. Auch der MDN-Artikel Introduction to the CSS box model taugt als Einstieg nicht wirklich.
Aber jetzt hast du ja den Suchbegriff.
😷 LLAP
“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon