欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中使用 after 偽類清除浮動(dòng)實(shí)例

 更新時(shí)間：2017年03月01日 14:13:00   投稿：mrr  
這篇文章主要介紹了使用 after 偽類清除浮動(dòng)實(shí)例，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下

以前清除浮動(dòng)的時(shí)候總是在想要清除浮動(dòng)的元素后面添加

<div style="clear:both;"></div>

或者寫(xiě)在br標(biāo)簽里面來(lái)解決，但這樣會(huì)增加無(wú)語(yǔ)義的標(biāo)簽，下面是用after偽類實(shí)現(xiàn)，兼容多種瀏覽器

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

為兼容IE6,IE7，因?yàn)閕e6,ie7不能用after偽類。加上下面代碼

.clearfix{zoom:1}
一般情況下，如果父層內(nèi)部有浮動(dòng)(float)可能導(dǎo)致父層的高度為0，加上clearfix后就行了

HTML：

<div class="parent clearfix">
   <div class="left">left</div>
   <div class="right">right</div>
 </div>

CSS:

.clearfix{zoom:1}  
.clearfix:after{
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.parent{
  background-color:red;
  width:120px;
}
.left{
  float:left;
  background-color:pink;
  height:60px;
}
.right{
  float:right;
  background-color:#abcdef;
}

以上所述是小編給大家介紹的使用 after 偽類清除浮動(dòng)實(shí)例，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論