Desbordamiento de bloque en CSS

overflow overflow-x overflow-y

Crea un div con un ancho y alto de 200px. Añade texto largo que no quepa en altura en este bloque. Verifica que el texto sobresalga por la parte inferior del bloque.

Modifica la tarea anterior para que en el div, cuando el texto sobresalga en altura, aparezca una barra de desplazamiento vertical.

Modifica la tarea anterior para que el texto que sobresalga verticalmente se recorte.

Modifica la tarea anterior para que al pasar el ratón sobre el div, la altura del div se vuelva suficientemente grande como para que todo el texto quepa en este div.

Crea un div con un ancho y alto de 300px. Añade a nuestro div una imagen que sea más grande que el div en ancho y alto. Verifica que la imagen sobresalga de los límites del div.

Modifica la tarea anterior para que cuando la imagen sobresalga, aparezcan barras de desplazamiento.

Modifica la tarea anterior para que las partes de la imagen que sobresalgan se recorten.

Modifica la tarea anterior para que las partes de la imagen que sobresalgan se recorten horizontalmente, y verticalmente aparezca una barra de desplazamiento.

Crea un div con un ancho y alto de 150px. Haz que, independientemente del contenido del div, siempre haya una barra de desplazamiento vertical en él.