CSS에서 블록 오버플로우

Задание 1

너비와 높이가 200px인 div를 만드세요. 그 안에 이 블록의 높이에 맞지 않는 긴 텍스트를 추가하세요. 텍스트가 블록의 아래쪽을 벗어나는지 확인하세요.

Задание 2

이전 문제를 수정하여 텍스트가 높이를 벗어날 때 div에 수직 스크롤 막대가 나타나도록 하세요.

Задание 3

이전 문제를 수정하여 수직으로 벗어나는 텍스트가 잘리도록 하세요.

Задание 4

이전 문제를 수정하여 마우스를 div 위에 올리면 div의 높이가 모든 텍스트가 들어갈 수 있을 만큼 충분히 커지도록 하세요.

Задание 5

너비와 높이가 300px인 div를 만드세요. div에 너비와 높이 모두 div보다 큰 이미지를 추가하세요. 이미지가 div의 경계를 벗어나는지 확인하세요.

Задание 6

이전 문제를 수정하여 이미지가 벗어날 때 스크롤 막대가 나타나도록 하세요.

Задание 7

이전 문제를 수정하여 벗어나는 이미지 부분이 잘리도록 하세요.

Задание 8

이전 문제를 수정하여 벗어나는 이미지 부분이 수평으로는 잘리고 수직으로는 스크롤 막대가 나타나도록 하세요.

Задание 9

너비와 높이가 150px인 div를 만드세요. div의 내용에 관계없이 항상 수직 스크롤 막대가 있도록 하세요.