Max-width: min(60px, 100%) имеет странное поведение в сочетании с min-width:fit-content в родительском div ⇐ CSS

[Anonymous]

Я ограничил ширину внутреннего div, используя max-width: min(60px,100%); но ширина внешнего div установлена ​​так, как если бы у дочернего элемента не было максимальной ширины

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

.min-w-fit {
min-width: fit-content;
}
.constrain-width {
max-width: min(60px,100%);
}
.overflow-y-auto {
overflow-y:  a u t o ; < b r   / >       }   < b r   / > & l t ; / s t y l e & g t ; < b r   / > & l t ; d i v < b r   / >       c l a s s = & q u o t ; m i n - w - f i t & q u o t ; < b r   / >       & g t ; < b r   / >       & l t ; d i v < b r   / >             c l a s s = & q u o t ; c o n s t r a i n - w i d t h   o v e r f l o w - y - a u t o   & q u o t ; < b r   / >             & g t ; < b r   / >   a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f a s d a s d f asdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfasdasdfa

Воспроизведение – обратите внимание на нижнюю полосу прокрутки
[img]https://i.sstatic.net /82CvU9sT.png[/img]

Это может иметь смысл, поскольку min-width: fit-content должен соответствовать (возможному) содержимому, но что вызывает недоумение, так это то, что замена Изменение 100% до фиксированного значения, например 90 пикселей (например, max-width: min(60px,90px); устраняет проблему. (

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

100vw

также это исправляет)
Происходит ли какое-то неопределенное поведение, поскольку 100% относится к родительской ширине, которая зависит от дочерней ширины? Или ширина родительского элемента div сначала определяется на основе неограниченной ширины дочернего элемента, а затем 100% дочернего элемента применяется к ширине родительского элемента, что по сути не имеет никакого эффекта? Хотя это всё равно странно.

Подробнее здесь: https://stackoverflow.com/questions/788 ... n-widthfit