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

2022-09-25 10:24:13 字數 592 閱讀 9183

所謂的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 元素與父容器之間 備註 因為浮動都有其相對應的物件,只有相對於其父容器的浮動才會出現這樣的問題。第乙個元素是相對父容器的,而第二個是相對第乙個兄弟元素的,所以第二...