AmiSEO CMS Clearfix и Micro Clearfix
Печать PDF

Clearfix и Micro Clearfix

+ 0
+ 0

Два варианта всеми любимого clearfix.

Первый — классический:

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
 
.clearfix {
 display: inline-block;
}
 
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
html[xmlns] .clearfix {
 display: block;
}
 
* html .clearfix {
 height: 1%;
}

 Второй — новый Micro ClearFix:

/* For modern browsers */
.cf:before,
.cf:after {
 content:" ";
 display:table;
}
.cf:after {
 clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
 *zoom:1;
}