::after Pseudo Class'i ile Bir Elemana Verilen float Özelliğini Kaldırmak
Bu çalışmamızda :after pseudo classı ile clear both nasıl yapılır? Bulmaya çalışacağız. Şu şekilde bir kodlama yaptığımızı hayal edelim. <style> .flist{display:block;max-width:25%;height:auto;padding:3rem;margin:.3rem;background:red;float:left;} .kap{width:80%;height:auto;display:block;background:blue;} .kap::after{clear:both;content:"";display:table;clear:left;font-size:0;height:0;} .kapIki{width:3rem;height:3rem;background:green;display:block;color:white;padding:2rem;margin:.5rem 0;} </style> <div class="kap"> <div class="flist">1</div> <div class="flist">2</div> <div class="flist">3</div> <div class="flist">4</div> </div> <div class="kapIki">2. kap</div> Görünümü bu şekilde olacaktır. Clearfix ya da clear işlemi uygulanmadan önce Görüldüğü gibi kırmızı kutulara float:left özelliği verildiğinden dolay