Ответы:
Авто будет отображать полосу прокрутки только тогда, когда какой-либо контент обрезан.
Однако при прокрутке всегда отображается полоса прокрутки, даже если все содержимое умещается и вы не можете его прокрутить.
overlow: scroll
делает коробку тоньше: jsbin.com/letog/2/edit
overflow: scroll
и overflow: auto
функционально идентичны, если контейнер достаточно велик, чтобы вместить содержимое.
overflow: scroll
скроет все переполненное содержимое и вызовет появление полос прокрутки на рассматриваемом элементе. Если содержимое не переполняется, полосы прокрутки все равно будут видны, но отключены.
overflow: auto
очень похоже, но полосы прокрутки появляются только при переполнении содержимого.
Существует аналогичное объяснение этого здесь , с некоторыми скриншотами , чтобы проиллюстрировать этот момент.
Взгляните на CSS Tricks .
Авто будет показывать полосу прокрутки тогда и только тогда, когда содержимое переполняется; но при прокрутке всегда будет отображаться полоса прокрутки, независимо от того, переполнено ли содержимое или нет.
Добавление точки к ответу Overflow:auto
не работает в IE7, когда позиция контейнера является абсолютной. Позиция относительного переполнения IE7 . Но настройка Overflow:scroll
работает
overflow: scroll будет отображать как горизонтальную, так и вертикальную полосу прокрутки, даже если вам не нужна одна или другая. в то время как overflow: auto покажет полосу прокрутки, которая нужна вашему div. так что в основном auto поможет вам избавиться от обеих полос прокрутки. Вот еще об этом:
scroll
, я не вижу полосу прокрутки, если контент подходит. Но на всякий случай я пошел с этим,auto
потому что я хочу показывать полосу прокрутки только тогда, когда контент обрезан.