做網頁編輯的最怕的就是浏覽器不兼容性問題，這不今天也讓俺碰到了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