Html -родительский элемент изменения размера, несмотря на его дети, не меняется ⇐ CSS

[Anonymous]

У меня есть действительно специфическая настройка HTML. Это минимальный воспроизводимый пример для вопроса, с которой я имею дело. Там действительно нужно иметь холст с шириной: 100%< /code> и высота: 100%< /code>, в противном случае он не работает. < /P>


"

Код: Выделить всё

1






Increase text length

Вы можете увидеть элемент с innerhtml из 1 . Он имеет максимальную ширину, установленную на 150px, и он действительно отображается с шириной 150 в моем браузере. Его красный родитель имеет размеры 154,467x82,25, так что немного шире. Однако, когда я начинаю добавлять буквы в этот одинокий 1 , Red Div начинает расширяться. Я этого не понимаю. Синий div , содержащий 1 , не изменяется из-за фиксированной максимальной шириной , но его родитель каким-то образом делает. Когда текст даже почти не заполняет синий div . Как это возможно? Red Div расширяется, пока не достигнет ширины 225, затем он останавливается.

Подробнее здесь: https://stackoverflow.com/questions/797 ... not-change