IE6雙倍margin間距兩大解決方案

2021-09-01 01:59:20 字數 803 閱讀 1129

本文向大家描述一下ie6雙倍margin間距解決方法,這裡主要從兩個方面來向大家介紹,相信本文介紹一定會讓你有所收穫。

ie6雙倍margin間距解決方法

方法1:

假設:乙個div**為

<

divstyle

divstyle

="float:left;margin-left:10px;"

>

div>

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

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

如上面的**將改為

<

divstyle

divstyle

="float:left;display:inline;margin-left:10px;"

>

div>

方法2:

可以使用以下辦法來書寫相容瀏覽器的css**:

第一種

:.div  

第二種

:.div  

第三種

:#div/*ff*/  

*html#div/*ie6*/  

*+html#div/*ie7*/  

IE6雙倍margin間距兩大解決方案

ie6雙倍margin間距兩大解決方案 ie6雙倍margin間距解決方法 方法1 假設 乙個div 為 當乙個css樣式同時設定了float和margin的屬性的時候,在ie7 及火狐上,該元素顯示正常。但是在ie6下,將會出現雙倍的margin left屬性值,也就是上面那段 中的div在ie6...

IE6雙倍margin間距解決方案

問題 在ie6下如果某個標籤使用了float屬性,同時設定了其外補丁 margin 10px 0 0 10px 可以看出,上邊距和左邊距同樣為10px,但第乙個物件距左邊有20px。解決辦法 方法一 當將其display屬性設定為inline時問題就都解決了。說明 這是因為塊級物件預設的 displ...

IE6雙倍邊距 IE6瀏覽器會出現雙倍邊距解決方法

所謂的ie6雙倍邊距就是指當元素有float屬性,又有margin屬性時,在ie6下程式設計客棧面顯示的margin的值是設定值的兩倍。下面的 摺疊展開xml html code 複製 如下 ie6顯示效果為 ie8顯示效果為 可以看得出來左邊距在ie6下面明顯比ie8下面的大,在ie6下面的左邊距...