ในการทำเว็บไซต์นั้น มักจะมีงานจุกจิกๆ มากมายที่เราทำกันจนชิน…
เราคงจะเคยเจอปัญหาในการตั้งชื่อ class ให้กับ html element ต่างๆ กันมาบ้าง ทั้งเรื่องการตั้งชื่อ class…
โดยปกติแล้ว หากเราอยากจะให้ element หนึ่ง อยู่กึ่งกลางของ container ทั้งในแนวตั้งและในแนวนอน เราก็จะต้องเขียนโค้ดแบบนี้
<div class="box">BOX</div>
.box { width: 200px; height: 100px;
การ clearfix ก็คือการทำให้ block element สามารถครอบ element ข้างในที่ float อยู่ได้ สมมติเรามีโค้ด html แบบนี้
<div class="content"> <div class="primary">Primary</div> <div class="secondary">Secondary</div></div>