การล้นของบล็อกใน CSS

Задание 1

สร้าง div ที่มีความกว้างและความสูง 200px เพิ่มข้อความยาวลงไป ซึ่งจะไม่พอดีกับความสูงของบล็อกนี้ ตรวจสอบว่า ข้อความจะล้นออกมาจากด้านล่างของบล็อก

Задание 2

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ ใน div เมื่อข้อความล้นออกมาตามความสูง จะมี แถบเลื่อนแนวตั้งปรากฏขึ้น

Задание 3

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ ข้อความที่ล้นออกมาตามแนวตั้งถูกตัดทอน

Задание 4

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ เมื่อนำเมาส์ไปวางบน div ความสูงของ div จะกลายเป็น มากพอที่ข้อความทั้งหมดจะพอดี ภายใน div นี้

Задание 5

สร้าง div ที่มีความกว้างและความสูง 300px เพิ่มรูปภาพลงใน div ของเรา ซึ่งจะมี ขนาดใหญ่กว่า div ทั้งในด้านความกว้างและความสูง ตรวจสอบ ว่ารูปภาพจะล้นออกนอกขอบเขตของ div

Задание 6

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ เมื่อรูปภาพล้นออกมา จะมีแถบเลื่อน ปรากฏขึ้น

Задание 7

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ ส่วนของรูปภาพที่ล้นออกมาตัดทอน

Задание 8

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ ส่วนของรูปภาพที่ล้นออกมาตัดทอนตามแนวนอน และตามแนวตั้งจะมีแถบเลื่อนปรากฏขึ้น

Задание 9

สร้าง div ที่มีความกว้างและความสูง 150px ทำให้ไม่ว่าเนื้อหาภายใน div จะเป็นอย่างไร ใน div จะมีแถบเลื่อนตามแนวตั้ง อยู่เสมอ