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可以解決。
【編輯推薦】