你對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;
如上面的代碼將改為
- :<divstyledivstyle="float:left;display:inline;
- margin-left:10px;"></div>
方法2:
可以使用以下辦法來書寫兼容浏覽器的CSS代碼:
第一種
- :.div{
- background:orange;/*ff*/
- *background:green!important;/*IE7*/
- *background:blue;/*IE6*/
- }
第二種
- :.div{
- margin:10px;/*ff*/
- *margin:15px;/*IE7*/
- _margin:15px;/*IE6*/
- }
第三種
- :#div{color:#333;}/*ff*/
- *Html#div{color:#666;}/*IE6*/
- *+Html#div{color:#999;}/*IE7*/
【編輯推薦】