#grid-auto-rows
Definiert die Größe von Rasterzeilen, die implizit erstellt wurden: Das bedeutet, dass grid-auto-rows auf die Zeilen abzielt, die nicht mit grid-template-rows oder grid-template-areas definiert wurden.
default grid-auto-rows: auto;
Die implizit erzeugten Zeilen haben eine auto Größe.
grid-auto-rows: 100px;
Hier kombinieren wir grid-template-areas: "header header header" "sidebar main main" "footer footer footer" mit grid-template-rows: 50px 200px.
In dieser Situation definiert das grid-template-areas 3 Zeilen, während das grid-template-rows nur 2 Zeilenhöhen definiert.
Die Höhe der dritten Zeile (der Fußzeile) wird daher von der Eigenschaft grid-auto-rows übernommen: 100px.
Letzte Artikel von Redaktion (Alle anzeigen)
- Virtuelle private Netzwerke (VPN): Was steckt hinter dieser Technologie? - 30. August 2022
