Warum stellt sich height:0 eigentlich so an? Bzw. ich?

[Rolf B]

Hallo Nico R.,

du hast das schon richtig erfasst: bei box-sizing:border-box gibt height die Summe aus vertikalem Padding, vertikaler Border und Inhaltshöhe an.

Oder andersrum: height minus Border minus Padding ergibt Inhaltshöhe.

Es gibt aber eine Nebenbedingung: Inhaltshöhe >= 0.

Um die zu erfüllen, ist der Mindestwert für height die Summe aus vertikalem Padding und den Borders oben und unten.

Die Spec sagt das so:

The content width and height are calculated by subtracting the border and padding widths of the respective sides from the specified <length-percentage>. As the content width and height cannot be negative, this computation is floored at zero.

Unser Wiki erwähnt das weder im Tutorial noch auf der Referenzseite, das trage ich nach.

Rolf