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

本文向大家描述一下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**:

第一種

第二種

第三種

*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下面的左邊距...