CSSHack與float閉合的問(wèn)題怎么解決

本篇內(nèi)容主要講解“CSSHack與float閉合的問(wèn)題怎么解決”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“CSSHack與float閉合的問(wèn)題怎么解決”吧!

CSS技巧：關(guān)于CSSHack與float閉合

一、CSSHACK

以下兩種方法幾乎能解決現(xiàn)今所有HACK.

　　1,!important

隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫(xiě)法.記得該聲明位置需要提前.)

ExampleSourceCode

<style> #wrapper  {  width:100px!important;  width:80px;  }  </style>

2,IE6/IE7對(duì)FireFox

*+html與*html是IE特有的標(biāo)簽,firefox暫不支持.而*+html又為IE7特有標(biāo)簽.

ExampleSourceCode

<style> #wrapper  {  #wrapper{width:120px;}  *html#wrapper{width:80px;}  *+html#wrapper{width:60px;}  }  </style>

注意:

*+html對(duì)IE7的HACK必須保證HTML頂部有如下聲明：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"　"">

二、float閉合（清除浮動(dòng)）

將以下代碼加入GlobalCSS中,給需要閉合的div加上class="clearfix"即可,屢試不爽.

ExampleSourceCode

<style> .clearfix:after  {  content:".";  display:block;  height:0;  clear:both;  visibility:hidden;  }  .clearfix  {  display:inline-block;  }  .clearfix{display:block;}  </style>

到此，相信大家對(duì)“CSSHack與float閉合的問(wèn)題怎么解決”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！