ต้นทาง :
.clearfix: หลังจาก {
การมองเห็น: ซ่อนเร้น;
จอแสดงผล: บล็อก;
ขนาดตัวอักษร: 0;
เนื้อหา: " ";
ชัดเจน: ทั้งสอง;
ความสูง: 0;
-
.clearfix { จอแสดงผล: ตารางอินไลน์;
/* ซ่อนจาก IE-mac */
* html .clearfix { ความสูง: 1%;
.clearfix { จอแสดงผล: บล็อก }
/* สิ้นสุดการซ่อนจาก IE-mac */
แสดงให้เห็น :
เนื่องจากเบราว์เซอร์ที่กำหนดเป้าหมายด้วยวิธีนี้ได้กลายเป็นประวัติศาสตร์ (โดยเฉพาะ IE5 ใน Mac) หรือกำลังจะกลายเป็นมาตรฐาน วิธีการนี้จึงไม่ทันสมัยอีกต่อไป
หลังจากยกเลิกการรองรับ IE/Mac แล้ว วิธีการใหม่ในการล้างโฟลต:
/* clearfix ใหม่ */
.clearfix: หลังจาก {
การมองเห็น: ซ่อนเร้น;
จอแสดงผล: บล็อก;
ขนาดตัวอักษร: 0;
เนื้อหา: " ";
ชัดเจน: ทั้งสอง;
ความสูง: 0;
-
* html .clearfix { ซูม: 1 } /* IE6 */
*:first-child+html .clearfix { ซูม: 1; } /* IE7 */
แสดงให้เห็น :
ทั้ง IE6 และ IE7 ไม่รองรับ :after คลาสหลอก ดังนั้นจึงจำเป็นต้องใช้สองอันถัดไปเพื่อทริกเกอร์ haslayout ของ IE6/7 เพื่อล้างโฟลต โชคดีที่ IE8 รองรับ :after pseudo-class ดังนั้นจึงจำเป็นต้องมีการแฮ็กสำหรับ IE6/7 เท่านั้น