當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > DIV+CSS > DIV邊距屬性在Chrome和IE中不兼容問題

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

2013/2/19 22:21:10作者：佚名來源：網(wǎng)絡

移動端

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

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

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

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

 

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

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

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

標簽： DIV邊距屬性  不兼容