最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
SomeContent

 
 
 

  
  
  
 
  
  
  

  
  
  
height:40px;background:#EEE;">SomeContent

 
 
 

  
  
  
 
  
  
  

  
  
  
height:40px;background:#EEE;">SomeContent

　　◆定義CSS類，進(jìn)行“浮動(dòng)清理”的控制：

ExampleSourceCode

 
 
 

  
  
  
.clearfix:after{}{  
  
  
  
content:".";  
  
  
  
clear:both;  
  
  
  
height:0;  
  
  
  
visibility:hidden;  
  
  
  
display:block;  
  
  
  
}  
  
  
  
/*這是對(duì)Firefox進(jìn)行的處理，因?yàn)镕irefox支持生成元素，  
  
  
  
而IE所有版本都不支持生成元素*/  
  
  
  
.clearfix{}{  
  
  
  
display:inline-block;  
  
  
  
}  
  
  
  
/*這是對(duì)Mac上的IE瀏覽器進(jìn)行的處理*/  
  
  
  
/**//*HidesfromIE-mac\*/  
  
  
  
*html.clearfix{}{height:1%;}  
  
  
  
/*這是對(duì)win上的IE瀏覽器進(jìn)行的處理*/  
  
  
  
.clearfix{}{display:block;}  
  
  
  
/*這是對(duì)display:inline-block;進(jìn)行的修改，重置為區(qū)塊元素*/  
  
  
  
/**//*EndhidefromIE-mac*/  
 
 
 

　　此時(shí)，預(yù)覽以上代碼(刪去這種注釋)，會(huì)發(fā)現(xiàn)即使子元素進(jìn)行了浮動(dòng)，父元素floatcontainer仍然會(huì)將其包圍，進(jìn)行高度自適應(yīng)。
　　代碼參考：http://www.positioniseverything.net/easyclearing.html
　　clear元素的margin-top被重置為零

【編輯推薦】

1. DIV+CSS網(wǎng)頁布局對(duì)SEO的影響
2. 實(shí)例解析CSS padding 屬性用法
3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
4. CSS中padding-bottom屬性用法解析
5. 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法