Gunnar Bittersmann: height, min-height

Beitrag lesen

@@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