亚洲无码国产日韩欧美99|欧美亚洲永久电影三级成人|日韩a∨在线中文字幕30页|精品毛片直播一区二区|午夜欧美电影久久|国产日产欧产精品精乱子|黄色电影AA级亚洲播播|日韩免费黄色三级片电影|精品在线视频足久草在咸|欧美日韩美女在线免费视频播放

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

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

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

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

樣式如下:

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

}

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

.clearfix{

zoom:1

}

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

簡(jiǎn)單的實(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.父級(jí)元素下面的子元素float時(shí),可能會(huì)導(dǎo)致父級(jí)height值為0;故在使用了float之后,
立即在父級(jí)上面加上clearfix,徹底消除float帶來的各種怪異問題!