margin和padding的区别是什么（margin和padding的区别）

大家好,乐天来为大家解答以下的问题，关于margin和padding的区别是什么，margin和padding的区别这个很多人还不知道,现在让我们一起来看看吧！

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

2、在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。

3、在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。

4、语法结构。

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

6、margin：margin-left:10px; 左外边距、margin-right:10px; 右外边距、margin-top:10px; 上外边距、margin-bottom:10px; 下外边距。

7、2、可能取的值。

8、padding：length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit 规定应该从父元素继承内边距。

9、margin：length  规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit 规定应该从父元素继承外边距。

10、3、浏览器兼容问题。

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

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

本文分享完毕，希望对大家有所帮助。