Risposte:
Auto mostrerà solo una barra di scorrimento quando qualsiasi contenuto viene ritagliato.
Lo scorrimento mostrerà comunque sempre la barra di scorrimento anche se tutto il contenuto si adatta e non puoi scorrerlo.
overlow: scrollrende la scatola più sottile: jsbin.com/letog/2/edit
overflow: scrolle overflow: autosiano funzionalmente identiche quando il contenitore è abbastanza grande da contenere il contenuto.
overflow: scrollnasconderà tutto il contenuto in eccesso e farà apparire le barre di scorrimento sull'elemento in questione. Se il contenuto non è in overflow, le barre di scorrimento saranno comunque visibili, ma disabilitate.
overflow: auto è molto simile, ma le barre di scorrimento vengono visualizzate solo quando il contenuto è in eccesso.
C'è una spiegazione simile di questo qui , con alcuni screenshot per illustrare il punto.
Dai un'occhiata ai trucchi CSS .
Auto mostrerà la barra di scorrimento se e solo se il contenuto trabocca; ma lo scorrimento mostrerà sempre la barra di scorrimento, indipendentemente dal fatto che il contenuto sia traboccante o meno.
L'aggiunta di un punto alla risposta, Overflow:autonon ha funzionato in IE7 quando la posizione del contenitore è assoluta Posizione relativa overflow IE7 . Ma l'impostazione Overflow:scrollfunziona
overflow: scroll mostrerà sia la barra di scorrimento orizzontale che quella verticale anche quando non hai bisogno dell'una o dell'altra. mentre, overflow: auto mostrerà la barra di scorrimento di cui ha bisogno il tuo div. quindi fondamentalmente auto ti aiuterà a sbarazzarti di entrambe le scollbar. Ecco di più:
scroll, non vedo la barra di scorrimento se il contenuto si adatta. Ma, per sicurezza, sono andato conautoperché voglio solo mostrare una barra di scorrimento quando il contenuto è tagliato.