margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個(gè)，就比較難于判斷了，這里和大家分享一下，希望對你有所幫助。

CSS教程：詳解margin和padding屬性應(yīng)用場合

margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個(gè)，就比較難于判斷了。這篇文章說得挺清楚的，在這里供參考。

◆何時(shí)應(yīng)當(dāng)使用margin

需要在border外側(cè)添加空白時(shí)。

空白處不需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，需要相互抵消時(shí)。如15px+20px的margin，將得到20px的空白。

◆何時(shí)應(yīng)當(dāng)時(shí)用padding

需要在border內(nèi)測添加空白時(shí)。

空白處需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，希望等于兩者之和時(shí)。如15px+20px的padding，將得到35px的空白。

◆瀏覽器兼容性問題

在IE5.x、IE6中，為float的盒子指定margin時(shí)，左側(cè)margin可能會(huì)變成兩倍的寬度。通過改用padding或指定盒子為display:inline可以解決。
 

【編輯推薦】

1. 深入學(xué)習(xí)CSS中Margin和Padding屬性用法
2. CSS中padding和margin屬性用法說明
3. IE6雙倍margin間距兩大解決方案
4. IE6下使用CSS定義DIV高度行之有效的辦法
5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題