CSS中margin和padding的区别

CSS中margin和padding的区别

CSS中margin和padding有以下三方面区别。

在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部吃殖至叫七溶伟石些律另一个容器边框之间的距离，就是容器内距离。

1、语法结构。

padding：

padding-left:10px;左内边距、padding-right:10px;右内边距、padding-top:10px;上内边距、padding-bottom:10px;下内边距。

margin：margin-left:10px;左外边距、marg360问答in-right:10px;右外边距、margin-top:10px内色;上外边距、mar型格操劳gin-bottom:10px;下外边距。

2村功过分、可能取的值。

padding：length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、au刚围更适章七话班浓少to浏览器计算内边距、inherit规定应该从父元素继承内边距。

margin：length 规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、i应系且nherit规定应该从父元素倍刑行责右孔继承外边距。

3、浏览器兼容问题。

padding：所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。

margin：所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。