Das HTML -Elternteilelement, das trotz seiner Kinder die Größenänderung hat, ändert sich nicht ⇐ CSS

[Anonymous]

Ich habe dieses wirklich spezifische HTML -Setup. Dies ist ein minimal reproduzierbares Beispiel für das Problem, mit dem ich es zu tun habe. Es muss wirklich eine Leinwand mit Breite haben: 100%< /code> und Höhe: 100%< /code>, ansonsten funktioniert es nicht.

Code: Select all

1






Increase text length

Sie können ein Element mit Innerhtml von 1 sehen. Es hat die maximale Breite auf 150px und zeigt tatsächlich eine Breite von 150 in meinem Browser an. Das rote Elternteil hat Abmessungen von 154,467 x 82,25, also etwas breiter. Wenn ich jedoch anfange, diesem einsamen 1 Buchstaben hinzuzufügen, beginnt der rote Div zu erweitern. Ich verstehe das nicht. Der Blue Div , der die 1 enthält, ändert sich nicht aufgrund der festen Max-Breite , aber sein übergeordnetes ist irgendwie. Wenn der Text nicht einmal das Blue Div füllt. Wie ist das möglich? Red Div erweitert, bis es die Breite von 225 trifft, und dann stoppt es.