container-type: size
Dieser Text gehört in den Container, aber der ist 0 hoch.
Flex-Item mit inline-size
Flex-Item ohne Breite
Block mit inline-size
So soll es sein.
Beispiel zur Notiz „Container Queries“
Links fällt ein Container mit container-type: size ohne feste Höhe zusammen, der Text läuft heraus. In der Mitte hat ein Flex-Item mit inline-size keine Breite mehr. Rechts der Normalfall: Blockelement mit inline-size.
Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.
container-type: size
Flex-Item mit inline-size
Block mit inline-size