Quando eu estava estudando os overflowvalores da propriedade, me deparei com esses dois valores: autoe scroll, que adiciona barra (s) de rolagem se o conteúdo exceder o limite do elemento.
Alguém poderia me explicar qual é a diferença entre eles?
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.overlow: scrolltorna o mais fino caixa: jsbin.com/letog/2/editoverflow: scrolleoverflow: 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.
fonte
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.
fonte
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 configurarOverflow:scrollfuncionafonte
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:
https://css-tricks.com/the-css-overflow-property/
fonte