做網(wǎng)頁(yè)編輯的最怕的就是瀏覽器不兼容性問(wèn)題，這不今天也讓俺碰到了DIV邊距屬性在Chrome和IE中不兼容問(wèn)題，具體如下：

今天在單位給某企業(yè)網(wǎng)站做頁(yè)面，然后回家進(jìn)行修改，首先在IE中打開(kāi)瀏覽，暈，慘不忍睹，怎么回事，開(kāi)始以為是CSS樣式?jīng)]拷過(guò)來(lái)，查看沒(méi)丟，一下想到估計(jì)是瀏覽器兼容性問(wèn)題，最后經(jīng)仔細(xì)查看原因出在div中的padding設(shè)置上，具體如下：

如果是以下的設(shè)置Chrome和IE的設(shè)置沒(méi)問(wèn)題
代碼如下：

div1
{ 
width:960px; 
margin:0px; 
padding:0px; 
} 

如果是出現(xiàn)以下設(shè)置：

div2
{ 
width:960px; 
margin:0px; 
padding:0px 10px 0px 10px; 
}

那么在Chrome就會(huì)把padding的20px加到外面，這樣div寬度就是980px了，但I(xiàn)E中仍然是960px，這個(gè)希望碰到以上的朋友注意下。
另外還發(fā)現(xiàn)，border和padding一樣，margin的值均算在“width”的外面。同時(shí)還有一些情況有所不同，例如在沒(méi)有設(shè)置float的情況下，Chrome會(huì)把div2當(dāng)成position：absolute，而在IE中卻會(huì)把他當(dāng)成poisttion：relative，這樣我們?cè)谠O(shè)置中盡量都是塊級(jí)元素的float為left，以上就是是DIV邊距屬性在Chrome和IE中不兼容問(wèn)題以及個(gè)人的一些小小啟發(fā)與解決方法，希望對(duì)大家有所幫助。