所謂的ie6雙倍邊距就是指當元素有float屬性,又有margin屬性時,在ie6下程式設計客棧面顯示的margin的值是設定值的兩倍。下面的**:
摺疊展開xml/html code
複製**
**如下:
ie6顯示效果為:
ie8顯示效果為:
可以看得出來左邊距在ie6下面明顯比ie8下面的大,在ie6下面的左邊距變成了20px,而不是設定的10px。 ie6雙倍邊距一招搞定:將有float屬性的元素新增display:inline屬性。
摺疊展開xml/html code
複製**
**如下:
"width:200px;height:50px;background:#ccc;">
程式設計客棧ht:50程式設計客棧px;float:left;margin-left:10px; background:#eee; display:inline">
再來看看顯示效果,ie6顯示效果為:
ie8顯示效果為:
就是這麼簡單!
本文標題: ie6雙倍邊距 ie6瀏覽器會出現雙倍邊距解決方法
本文位址: /web/css/80185.html
IE6雙倍margin間距解決方案
問題 在ie6下如果某個標籤使用了float屬性,同時設定了其外補丁 margin 10px 0 0 10px 可以看出,上邊距和左邊距同樣為10px,但第乙個物件距左邊有20px。解決辦法 方法一 當將其display屬性設定為inline時問題就都解決了。說明 這是因為塊級物件預設的 displ...
IE6 雙倍水平外邊距BUG以解決方案
出現條件 1 沒有設定display inline的塊元素 2 浮動元素 3 設定了水平外邊距 浮動的方向和水平外邊距設定的方向一致 4 元素與父容器之間 備註 因為浮動都有其相對應的物件,只有相對於其父容器的浮動才會出現這樣的問題。第乙個元素是相對父容器的,而第二個是相對第乙個兄弟元素的,所以第二...
IE6 雙倍水平外邊距BUG以解決方案
出現條件 1 沒有設定display inline的塊元素 2 浮動元素 3 設定了水平外邊距 浮動的方向和水平外邊距設定的方向一致 4 元素與父容器之間 備註 因為浮動都有其相對應的物件,只有相對於其父容器的浮動才會出現這樣的問題。第乙個元素是相對父容器的,而第二個是相對第乙個兄弟元素的,所以第二...