css barra de desplazamiento de desbordamiento aparece incluso cuando no hay nada para desplazarse

Question

Estoy usando desbordamiento: desplazarse como el código siguiente, el problema que estoy teniendo es que incluso si no hay texto, la barra de desplazamiento aún se muestra.
demostración en w3schools: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow verá que incluso si no se puede desplazar horizontalmente (izquierda o derecha) todavía hay una barra de desplazamiento. Estoy tratando de tener un lugar donde no aparece la barra de desplazamiento si no hay nada para desplazarse to.hope esto tiene sentido

<style type="text/css"> 
    div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    } 
</style> 
<p>overflow:scroll</p> 
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 

Answer 1

Creo que busca overflow: auto.

Mozilla's Documentation on Overflow

La propiedad de desbordamiento de CSS es la abreviatura del desbordamiento-x y las propiedades de desbordamiento-y, y especifica qué hacer cuando el contenido es demasiado grande para caber en su contexto de formato de bloque.

Las opciones incluyen recortar, mostrar barras de desplazamiento o mostrar el contenido que sale de su contenedor hacia el área circundante.

auto

depende del agente de usuario. Si el contenido cabe dentro del cuadro de relleno, se ve igual que visible, pero aún establece un nuevo contexto de formato de bloque. Los navegadores de escritorio como Firefox proporcionan barras de desplazamiento si el contenido se desborda.

Answer 2

Trate

overflow: auto 

El enlace que ha proporcionado es realmente complicado. Aquí está todo explicado, creo que mucho mejor: CSS-Tricks