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

今天在單位給某企業網站做頁面，然后回家進行修改，首先在IE中打開瀏覽，暈，慘不忍睹，怎么回事，開始以為是CSS樣式沒拷過來，查看沒丟，一下想到估計是瀏覽器兼容性問題，最后經仔細查看原因出在div中的padding設置上，具體如下：

如果是以下的設置Chrome和IE的設置沒問題
代碼如下：

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

如果是出現以下設置：

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

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