HTML und CSS · Middle · Frage 48 von 75
Wie baut man ein zweispaltiges Layout mit fester Seitenleiste und Inhalt, der den Rest füllt?
- 1
display: flexundwidth: 50%;an beiden Spalten - 2
display: grid; grid-template-columns: 250px 100%; - 3
display: grid; grid-template-columns: 250px 1fr
Antwort zeigen
Richtige Antwort: display: grid; grid-template-columns: 250px 1fr
Erklärung
250px 1fr - die erste Spalte ist fest, die zweite nimmt den ganzen übrigen Platz. 100% in der zweiten Spalte würde den Container um 250px überlaufen. Das Gegenstück mit Flexbox: flex: 0 0 250px für die Seitenleiste, flex: 1 für den Inhalt (und eventuell min-width: 0).