Відповіді:
Авто відображатиме смугу прокрутки лише тоді, коли будь-який вміст вирізаний.
Проте прокрутка завжди відображатиме смугу прокрутки, навіть якщо весь вміст відповідає, і ви не можете прокручувати її.
overlow: scrollробить поле тонше: jsbin.com/letog/2/edit
overflow: scrollі overflow: autoвони функціонально однакові, коли контейнер достатньо великий, щоб містити вміст.
overflow: scrollприховає весь переповнений вміст і спричинить появу смуг прокрутки на розглянутому елементі. Якщо вміст не переповнюється, смуги прокрутки все одно будуть видні, але відключені.
overflow: auto дуже схожий, але смуги прокрутки з’являються лише тоді, коли вміст переповнюється.
Існує подібне пояснення цього тут , з деякими скріншотами, які ілюструють суть.
Погляньте на фокуси CSS .
Автоматично показуватиме панель прокрутки лише тоді, коли вміст переповнюється; але прокрутка завжди показуватиме панель прокрутки, незалежно від того, вміст переповнений чи ні.
Додавання точки до відповіді, Overflow:autoне працює в IE7, коли положення контейнера є абсолютним положенням відносного переповнення IE7 . Але налаштування Overflow:scrollпрацює
переповнення: прокрутка показуватиме як горизонтальну, так і вертикальну смугу прокрутки, навіть коли вам не потрібна та чи інша. в той час, overflow: auto покаже смугу прокрутки, яка потрібна вашому діві. тому в основному авто допоможе вам позбутися обох заклинань. Ось більше цього:
scrollя не бачу смуги прокрутки, якщо вміст підходить. Але, щоб бути безпечним, я пішов ізautoтим, що мені хочеться показувати смугу прокрутки лише тоді, коли вміст вирізаний.