Разница между HTML "переполнение: авто" и "переполнение: прокрутка"

Когда я изучал значения свойств overflow, я натолкнулся на эти два значения: auto и scroll, который добавляет полосы прокрутки, если содержимое переполняет элемент.

Может кто-нибудь, пожалуйста, объясните мне, в чем разница между ними?

Ответы

Ответ 1

Авто будет показывать полосу прокрутки только при обрезании содержимого.

Однако прокрутка всегда показывает полосу прокрутки, даже если весь контент подходит, и вы не можете прокручивать его.

Ответ 2

overflow: scroll будет скрывать все переполняющее содержимое и вызывать полосы прокрутки на соответствующем элементе. Если содержимое не переполняется, полосы прокрутки будут по-прежнему видны, но отключены.

overflow: auto очень похож, но полосы прокрутки появляются только при переполнении содержимого.

Существует аналогичное объяснение этого здесь, с некоторыми скриншотами, чтобы проиллюстрировать эту точку.

Ответ 3

Посмотрите CSS-трюки.

Авто покажет полосу прокрутки, если и только если содержимое переполнено; но прокрутка всегда показывает полосу прокрутки, будет ли содержимое переполнено или нет.