Transbordamento de Bloco em CSS

overflow overflow-x overflow-y

Crie uma div com largura e altura de 200px. Adicione um texto longo que não caiba na altura deste bloco. Verifique que o texto transbordará pela parte inferior do bloco.

Modifique a tarefa anterior para que na div, quando o texto transbordar na altura, apareça uma barra de rolagem vertical.

Modifique a tarefa anterior para que o texto que transborda verticalmente seja cortado.

Modifique a tarefa anterior para que, ao passar o mouse sobre a div, a altura da div se torne suficientemente grande para que todo o texto caiba nessa div.

Crie uma div com largura e altura de 300px. Adicione à nossa div uma imagem que será maior que a div em largura e altura. Verifique que a imagem transbordará para além dos limites da div.

Modifique a tarefa anterior para que, quando a imagem transbordar, apareçam barras de rolagem.

Modifique a tarefa anterior para que as partes transbordantes da imagem sejam cortadas.

Modifique a tarefa anterior para que as partes transbordantes da imagem sejam cortadas horizontalmente, e uma barra de rolagem vertical apareça.

Crie uma div com largura e altura de 150px. Faça com que, independentemente do conteúdo da div, haja sempre uma barra de rolagem vertical nela.