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

CSS教程：詳解margin和padding屬性應用場合

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

◆何時應當使用margin

需要在border外側添加空白時。

空白處不需要背景（色）時。

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

◆何時應當時用padding

需要在border內測添加空白時。

空白處需要背景（色）時。

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

◆瀏覽器兼容性問題

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

【編輯推薦】

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