Почему появляется вертикальная полоса прокрутки, когда только ширина превышает область просмотра, даже если содержимое и ⇐ CSS

[Anonymous]

Я столкнулся с загадочной проблемой макета CSS:

вертикальная полоса прокрутки появляется, даже если контент не имеет высоты, просто потому, что ширина элемента превышает ширину области просмотра.
Вот минимальный воспроизводимый пример:

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

body {
margin: 0;
}

.test {
width: 500px;
border: 1px solid;
}

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

Ожидаемое поведение:
Должна отображаться только горизонтальная полоса прокрутки (если таковая имеется), поскольку ширина содержимого (502 пикселя с границами) превышает ширину области просмотра (например, 320 пикселей), а высота фактически равна 0.
Фактическое поведение:
В браузере появляются как горизонтальные , так и вертикальные полосы прокрутки.
Вопрос:**
Почему появляется вертикальная полоса прокрутки, когда только ширина превышает область просмотра?

Это поведение указано в стандартах CSS или это деталь реализации браузера?

Как я могу запретить вертикальную полосу прокрутки, сохраняя при этом широкий элемент с границами?
Среда:
_ macOS

_ Chrome 142.0.7444.176 с мобильной симуляцией (390x844)



Подробнее здесь: https://stackoverflow.com/questions/798 ... -even-with