Propiedades CSS

La propiedad CSS overflow especifica: si recortar contenido, dibujar barras de desplazamiento o mostrar el contenido excedente en un elemento a nivel de bloque.
Usando la propiedad overflow con un valor distinto a visible, valor por defecto, creará un nuevo contexto de formatos de bloques. Esto es técnicamente necesario debido a que si un elemento flotante interceptara con otros forzaría a reajustar el contenido alrededor de los elementos que se interceden. El reajuste sucedería luego de cada desplazamiento, y llevaría a un desplazamiento demasiado lento.
Atributos:
visible:
Valor por defecto. El contenido no es recortado, podría ser dibujado fuera de la caja contenedora.
hidden:
El contenido es recortado y no se muestran barras de posición.
scroll:
El contenido es recortado y el navegador web usa las barras de desplazamiento, se haya recortado contenido o no. Esto previene cualquier problema con las barras de desplazamiento apareciendo o desapareciendo en un entorno dinámico. Puede que las impresoras impriman contenido excedente.
auto:
Depende del agente de usuario. Navegadores de escritorio como Firefox proveen barras de desplazamiento si hay contenido excedente.
En el primer ejemplo usamos el atributo por defecto.

Ejemplo 1

visible (por defecto) Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Minus possimus, iure sint molestias ipsa ducimus? Odio est fugiat, dolores nemo quasi iste nostrum inventore sint eligendi veritatis doloribus, necessitatibus eaque.

código:

HTML:

HTML

CSS:

CSS
En el segundo ejemplo usamos el atributo hidden.

Ejemplo 2

hidden Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Minus possimus, iure sint molestias ipsa ducimus? Odio est fugiat, dolores nemo quasi iste nostrum inventore sint eligendi veritatis doloribus, necessitatibus eaque.

código:

HTML:

HTML

CSS:

CSS