DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6雙倍margin間距解決方法
IE6雙倍margin間距解決方法
編輯:CSS詳解     

你對IE6雙倍margin間距解決方法是否了解,本文向大家簡單介紹一下,相信本文介紹一定會讓你有所收獲。

IE6雙倍margin間距解決方法

方法1:

假設:一個div代碼為<divstyle="float:left;margin-left:10px;"></div>

當一個CSS樣式同時設置了float和margin的屬性的時候,在ie7+及火狐上,該元素顯示正常。但是在ie6下,將會出現雙倍的margin-left屬性值,也就是上面那段代碼中的div在IE6下的實際margin-left的值是20px;

解決此辦法的最簡單的方法是,在style中添加:display:inline;

如上面的代碼將改為

  1. :<divstyledivstyle="float:left;display:inline;
  2. margin-left:10px;"></div>

方法2:

可以使用以下辦法來書寫兼容浏覽器的CSS代碼:

第一種

  1. :.div{
  2. background:orange;/*ff*/
  3. *background:green!important;/*IE7*/
  4. *background:blue;/*IE6*/
  5. }

第二種

  1. :.div{
  2. margin:10px;/*ff*/
  3. *margin:15px;/*IE7*/
  4. _margin:15px;/*IE6*/
  5. }

第三種

  1. :#div{color:#333;}/*ff*/
  2. *Html#div{color:#666;}/*IE6*/
  3. *+Html#div{color:#999;}/*IE7*/

【編輯推薦】

  1. 解決IE6下margin雙倍邊距問題
  2. IE6.0對padding的解讀分析
  3. DIV+CSS網頁錯位診斷和解決方法
  4. Float構建三欄DIV CSS網頁布局
  5. 技術分享 如何使用CSS控制超鏈接文字樣式
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved