ล้น: คอนเทนเนอร์ที่ซ่อนอยู่ไม่มีองค์ประกอบที่อยู่ติดกันแบบลอย

คอนเทนเนอร์ overflow: hidden ของฉันไม่มีองค์ประกอบลอยตัวที่อยู่ติดกัน (กล่องสีส้ม) อยู่ภายในตัวมันเอง

องค์ประกอบลอยอยู่ด้านข้างคอนเทนเนอร์ (ส่วน) แต่เมื่อฉันลบ overflow:hidden องค์ประกอบลอยที่อยู่ติดกันจะเข้าไปในคอนเทนเนอร์และเคารพลูก ๆ ที่ลอยอยู่ของคอนเทนเนอร์

ทำไมสิ่งนี้ถึงเกิดขึ้น? มีอะไรเกี่ยวข้องกับบริบทการจัดรูปแบบบล็อกหรือไม่?

บางทีเมื่อฉันใช้ overflow: hidden; สำหรับคอนเทนเนอร์ มันจะทริกเกอร์ BFC ใหม่และจะมีเฉพาะลูก ๆ ของมันและไม่มีองค์ประกอบลอยตัวที่อยู่ติดกัน

นี่คือซอ