CSS-clear.cssの使い方

CSS-clear.cssの使い方

実例　**********************************

@charset “utf-8″;

/* ===================================================================

ClearFix

——————————————————————- */

#contentsArea .main-layout:after,
#contentsArea:after,
#contentsArea .main:after,
.topArea:after {
content:”.”!important;
display: block!important;
height:0px!important;
clear:both!important;
line-height:0!important;
visibility:hidden!important;
line-height:0!important;
font-size:0!important;
}

******************************************

#contentsArea .main-layout
に適用したい時には、
#contentsArea .main-layout:after
と、:after を付けることによって、そこに適用される
これで、フロートのかかった状態が解除される
#contentsArea .main-layout　は、ここではフロートの
かかった２つのdivを囲む、親div　にあたる