En esta oportunidad les enseñaré la propiedad Overflow de CSS capaz de generar un scroll cuando el contenido dentro de un elemento excede las propiedades de su ancho y su alto.

Podemos usar la propiedad Overflow si queremos tener un mayor control sobre nuestras capas.

Para que Overflow funcione correctamente hay que definir las siguientes propiedades:

  • Background
  • Width
  • Height
  • Overflow
  • Visible (opciona)
  • Hidden (opcional)
  • Auto (opcional)
  • Inherit (opcional)

Para generar un scroll en cualquier parte del texto puedes copiar el siguiente ejemplo:

<html>
  <head>
  <style  type="text/css">
  div {background: white;  width:200px; height:100px; overflow: scroll}
  </style>
  </head>
  <body>

  <div>Aquí me pongo a cantar al compás de la  vigüela, que el hombre que lo desvela una pena estrordinaria, como la ave  solitaria con el cantar se consuela.<br>José  Hernández<br><u>El gaucho Martín Fierro</u></div>

  </body>
  </html>

Un ejemplo del anterior código es el que se utiliza en nuestro editorial para mostrar códigos HTML o de programación.