CSS教程：詳解margin和padding屬性應(yīng)用場合
作者：admin
本文向大家介紹一下margin和padding屬性的用法，margin和padding用來隔開元素，margin是隔開元素與外邊，padding是隔開元素里邊。
margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個，就比較難于判斷了，這里和大家分享一下，希望對你有所幫助。
CSS教程：詳解margin和padding屬性應(yīng)用場合
margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個，就比較難于判斷了。這篇文章說得挺清楚的，在這里供參考。
◆何時應(yīng)當(dāng)使用margin
需要在border外側(cè)添加空白時。
空白處不需要背景（色）時。
上下相連的兩個盒子之間的空白，需要相互抵消時。如15px+20px的margin，將得到20px的空白。
◆何時應(yīng)當(dāng)時用padding
需要在border內(nèi)測添加空白時。
空白處需要背景（色）時。
上下相連的兩個盒子之間的空白，希望等于兩者之和時。如15px+20px的padding，將得到35px的空白。
◆瀏覽器兼容性問題
在IE5.x、IE6中，為float的盒子指定margin時，左側(cè)margin可能會變成兩倍的寬度。通過改用padding或指定盒子為display:inline可以解決。
【編輯推薦】
- 深入學(xué)習(xí)CSS中Margin和Padding屬性用法
- CSS中padding和margin屬性用法說明
- IE6雙倍margin間距兩大解決方案
- IE6下使用CSS定義DIV高度行之有效的辦法
- 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
責(zé)任編輯：佚名
來源：
it168.com
