DIV邊距屬性在Chrome和IE中不兼容問題

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