1. 程式人生 > >clearfix清除浮動方案

clearfix清除浮動方案

long long ago,在剛進入前端這個領域的時候,很多東西都不知道,清除浮動用的是 overflow:hidden

過了段時間,看別人的原始碼,發現class類中都有個clearfix,於是研究了一下,總算學會了真正的清除浮動的方式,現在記錄一下:

1、

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    *+height: 1%;
}

2、

.clearfix{
    overflow
: auto
; _height: 1%; }

3、

.clearfix{
    overflow: hidden;
    _zoom: 1;
}