CSS에서 블록 오버플로우

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

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

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

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

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

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

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

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

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