Respostas:
Automático mostra apenas uma barra de rolagem quando qualquer conteúdo é cortado.
No entanto, a rolagem sempre mostrará a barra de rolagem, mesmo que todo o conteúdo caiba e você não possa rolá-la.
overlow: scrolltorna o mais fino caixa: jsbin.com/letog/2/edit
overflow: scrolle overflow: autosejam funcionalmente idênticas quando o contêiner for grande o suficiente para conter o conteúdo.
overflow: scrollocultará todo o conteúdo excedente e fará com que as barras de rolagem apareçam no elemento em questão. Se o conteúdo não exceder o limite, as barras de rolagem ainda estarão visíveis, mas desativadas.
overflow: auto é muito semelhante, mas as barras de rolagem aparecem apenas quando o conteúdo está excedendo.
Há uma explicação semelhante sobre isso aqui , com algumas capturas de tela para ilustrar o ponto.
Dê uma olhada nos truques CSS .
Automático mostrará a barra de rolagem se e somente se o conteúdo exceder; mas a rolagem sempre mostrará a barra de rolagem, esteja o conteúdo excedendo ou não.
Adicionando um ponto à resposta, Overflow:autonão funcionou no IE7 quando a posição do contêiner é absoluta Excedente relativo da posição IE7 . Mas configurar Overflow:scrollfunciona
estouro: a rolagem mostrará a barra de rolagem horizontal e vertical, mesmo quando você não precisa de uma ou outra. enquanto overflow: auto mostrará a barra de rolagem de que sua div precisa. então basicamente auto ajudará você a se livrar da barra de navegação. Aqui está mais do que isso:
scroll, não vejo a barra de rolagem se o conteúdo se encaixar. Mas, apenas por segurança, seguiautoporque só quero mostrar uma barra de rolagem quando o conteúdo é cortado.