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

。

例如：

ExampleSourceCode

 
 
 

  
  
  
 
  
  
  

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

 
 
 

　　此時預(yù)覽此代碼，我們會發(fā)現(xiàn)最外層的父元素floatcontainer,并沒有顯示。這是因為子元素因進行了浮動，而脫離了文檔流，導(dǎo)致父元素的height為零。

　　若將代碼修改為：

ExampleSourceCode

 
 
 

  
  
  
 
  
  
  

  
  
  
background:#EEE;">SomeContent div>
  
  
  
 div>
  
  
  
 div>
 
 
 

　　注意，多了一段清理浮動的代碼。這是一種好的CSS代碼習(xí)慣，但是這種方法增加了無用的元素。這里有一種更好的方法，將HTML代碼修改為：

ExampleSourceCode

 
 
 

  
  
  

  
  
  
 
  
  
  

  
  
  
background:#EEE;">SomeContent div>
  
  
  
 div>
 
 
 

　　◆定義CSS類，進行“浮動清理”的控制：

ExampleSourceCode

 
 
 

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

 
 
 

 此時，預(yù)覽以上代碼(刪去這種注釋)，會發(fā)現(xiàn)即使子元素進行了浮動，父元素floatcontainer仍然會將其包圍，進行高度自適應(yīng)。

代碼參考：http://www.positioniseverything.net/easyclearing.html

clear元素的margin-top被重置為零。

網(wǎng)頁標題：技術(shù)分享CSS清除浮動的另一種別致方法
本文來源：http://m.fisionsoft.com.cn/article/dpgjjsc.html