Tràn nội dung khối trong CSS

overflow overflow-x overflow-y

Tạo một div có chiều rộng và chiều cao là 200px. Thêm vào đó một văn bản dài, văn bản này sẽ không vừa theo chiều cao của khối này. Kiểm tra việc văn bản sẽ tràn ra ngoài phần dưới của khối.

Sửa đổi bài tập trước sao cho trong div, khi văn bản tràn ra theo chiều cao sẽ xuất hiện thanh cuộn dọc.

Sửa đổi bài tập trước sao cho văn bản tràn ra theo chiều dọc bị cắt bớt.

Sửa đổi bài tập trước sao cho khi di chuột vào div, chiều cao của div trở thành đủ lớn để toàn bộ văn bản vừa vào trong div.

Tạo một div có chiều rộng và chiều cao là 300px. Thêm vào div của chúng ta một hình ảnh, hình ảnh này sẽ lớn hơn div về cả chiều rộng lẫn chiều cao. Kiểm tra, rằng hình ảnh sẽ tràn ra ngoài ranh giới của div.

Sửa đổi bài tập trước sao cho khi hình ảnh tràn ra sẽ xuất hiện các thanh cuộn.

Sửa đổi bài tập trước sao cho phần hình ảnh tràn ra bị cắt bớt.

Sửa đổi bài tập trước sao cho phần hình ảnh tràn ra bị cắt bớt theo chiều ngang, còn theo chiều dọc thì xuất hiện thanh cuộn.

Tạo một div có chiều rộng và chiều cao là 150px. Làm sao cho bất kể nội dung của div là gì, trong nó luôn có một thanh cuộn dọc.