margin和padding有什么區(qū)別

CSS中margin和padding有以下三方面區(qū)別。 在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離，就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離，就是容器內(nèi)距離。

1、語法結(jié)構(gòu)。 padding： padding-left:10px; 左內(nèi)邊距、padding-right:10px; 右內(nèi)邊距、padding-top:10px; 上內(nèi)邊距、padding-bottom:10px; 下內(nèi)邊距。 margin：margin-left:10px; 左外邊距、margin-right:10px; 右外邊距、margin-top:10px; 上外邊距、margin-bottom:10px; 下外邊距。

2、可能取的值。 padding：length規(guī)定具體單位記的內(nèi)邊距長度、%基于父元素的寬度的內(nèi)邊距的長度、auto瀏覽器計(jì)算內(nèi)邊距、inherit 規(guī)定應(yīng)該從父元素繼承內(nèi)邊距。 margin：length 規(guī)定具體單位記的外邊距長度、%基于父元素的寬度的外邊距的長度、auto瀏覽器計(jì)算外邊距、inherit 規(guī)定應(yīng)該從父元素繼承外邊距。

3、瀏覽器兼容問題。 padding：所有瀏覽器都支持padding屬性、任何版本IE都不支持屬性值“inherit”。 margin：所有瀏覽器都支持margin屬性、任何版本IE都不支持屬性值“inherit”。