Когда я изучал значения свойств overflow, я натолкнулся на эти два значения: auto и scroll, который добавляет полосы прокрутки, если содержимое переполняет элемент.
Может кто-нибудь, пожалуйста, объясните мне, в чем разница между ними?
Разница между HTML "переполнение: авто" и "переполнение: прокрутка"
Ответ 1
Авто будет показывать полосу прокрутки только при обрезании содержимого.
Однако прокрутка всегда показывает полосу прокрутки, даже если весь контент подходит, и вы не можете прокручивать его.
Ответ 2
overflow: scroll будет скрывать все переполняющее содержимое и вызывать полосы прокрутки на соответствующем элементе. Если содержимое не переполняется, полосы прокрутки будут по-прежнему видны, но отключены.
overflow: auto очень похож, но полосы прокрутки появляются только при переполнении содержимого.
Существует аналогичное объяснение этого здесь, с некоторыми скриншотами, чтобы проиллюстрировать эту точку.
Ответ 3
Посмотрите CSS-трюки.
Авто покажет полосу прокрутки, если и только если содержимое переполнено; но прокрутка всегда показывает полосу прокрутки, будет ли содержимое переполнено или нет.
Ответ 4
Добавление точки к ответу, Overflow:auto не работает в IE7, когда позиция контейнера абсолютна Относительное относительное переполнение позиции IE7. Но установка Overflow:scroll работает