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

[Anonymous]

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


"

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

1






Increase text length

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

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