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

overflow overflow-x overflow-y

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

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

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

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

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

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

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

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

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