免费观看在线性生活视频-人人妻人人做人人妻av-激情内射美女在线视频-超碰人摸人人人澡人人-国产精品国产三级国产潘金莲-成人激情视频在线免费观看-亚洲AV无码国产精品午夜麻豆-美女隐私视频网站入口-久久久久人妻一区二区三区精品

清除浮動(dòng)float那點(diǎn)事兒

2016/12/7 8:39:29   閱讀:1829    發(fā)布者:1829

拋棄那些沒用的方法,只記住最實(shí)用的一種方法即可!

給要清除浮動(dòng)的父元素多加一個(gè)class屬性:clearfix?。。?/p>

樣式如下:

.clearfix:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}

為了兼容ie6,ie7(現(xiàn)在的項(xiàng)目幾乎已經(jīng)完全不考慮)

.clearfix{

zoom:1

}

清除浮動(dòng)就是這么簡單,可以作為公共樣式common.css,每個(gè)頁面都可以直接調(diào)用!

簡單的實(shí)例應(yīng)用:

<div class="clearfix">

  <div style="float:left">

    //sth

  </div>

  <div style="float:right">

    //sth

  </div>

</div>

為什么要清除浮動(dòng):

1.之前寫的時(shí)候都會(huì)發(fā)現(xiàn)頁面寫著寫著就發(fā)生錯(cuò)亂,而且還有重疊?就是浮動(dòng)惹的禍!

2.父級元素下面的子元素float時(shí),可能會(huì)導(dǎo)致父級height值為0;故在使用了float之后,
立即在父級上面加上clearfix,徹底消除float帶來的各種怪異問題!