Because all the columns are floated

Because all the columns are floated, this layout uses overflow:hidden on the .container. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If you have a large element that protrudes outside the .container, it will appear to be cut off. You also won't be able to use negative margins or absolute positioning with negative values to pull elements outside the .container or they will also won't display outside the .container.

ผลลัพธ์ (ไทย) 1:

เนื่องจากคอลัมน์ทั้งหมดจะลอย โครงร่างนี้ใช้มากเกินไป: ซ่อนอยู่ใน.container เทคนิคนี้หักบังคับ.container เข้าใจจบที่คอลัมน์เพื่อแสดงเส้นขอบหรือสีของพื้นหลังที่คุณวางบน.container ใด ๆ ถ้าคุณมีองค์ประกอบใหญ่ที่ protrudes อยู่.container มันจะปรากฏขึ้นเพื่อจะตัดออก คุณยังจะไม่สามารถใช้ลบขอบหรือการวางตำแหน่งแบบสัมบูรณ์ มีค่าลบจะดึงองค์ประกอบภายนอก.container หรือพวกเขาจะยังไม่แสดงผลภายนอก.container

ผลลัพธ์ (ไทย) 2:

เพราะคอลัมน์ทั้งหมดจะลอยรูปแบบนี้ใช้ล้น: ที่ซ่อนอยู่ใน .container เทคนิคการหักบัญชีนี้กองกำลัง .container ที่จะเข้าใจว่าคอลัมน์จบเพื่อที่จะแสดงเส้นเขตแดนใด ๆ หรือสีพื้นหลังที่คุณวางบน .container หากคุณมีองค์ประกอบขนาดใหญ่ที่ยื่นออกมานอก .container ก็จะปรากฏให้ถูกตัดออกไป นอกจากนี้คุณยังจะไม่สามารถที่จะใช้อัตรากำไรเชิงลบหรือตำแหน่งแน่นอนที่มีค่าในเชิงลบที่จะดึงองค์ประกอบภายนอก .container หรือพวกเขาจะยังจะไม่แสดงนอก .container

ผลลัพธ์ (ไทย) 3:

เพราะคอลัมน์ทั้งหมดลอย , รูปแบบนี้ใช้ล้น : ซ่อนอยู่ใน ภาชนะ เทคนิคล้างนี้บังคับ ภาชนะที่จะเข้าใจซึ่งคอลัมน์สุดท้ายเพื่อแสดงเส้นขอบใด ๆหรือสีพื้นหลังที่คุณสถานที่ใน ภาชนะ ถ้าคุณมีขนาดใหญ่องค์ประกอบที่ยื่นออกมานอกภาชนะ ก็จะปรากฏที่จะถูกตัดออกคุณยังไม่สามารถใช้ขอบลบหรือสมบูรณ์ตำแหน่งที่มีค่านิยมเชิงลบที่จะดึงองค์ประกอบภายนอกภาชนะ หรือพวกเขาจะยังไม่แสดงผลภายนอก คอนเทนเนอร์ .