IE中怎么會出現雙倍邊距?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
IE6.0環境中雙倍邊距BUG。先看下面的CSS代碼。
示例代碼 [www.wf0088.com]
div {
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}
這樣設置以后。本來左邊距設置為10px,但IE6.0解釋為20px,這是一個比較頭疼的問題。
但解決也非常簡單。辦法就是是加上display:inline。就搞定了。看下面的示例對比!
雙陪邊距的效果:
![div css xhtml xml 代碼調試框](http://p1.mb5u.com/divcss/html.gif)
[ 可先修改部分代碼 再運行查看效果 ]
解決BUG以后的效果:
![div css xhtml xml 代碼調試框](http://p1.mb5u.com/divcss/html.gif)
[ 可先修改部分代碼 再運行查看效果 ]
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-IE中怎么會出現雙倍邊距?
。