margin和padding的区别html（margin和padding的区别）

今天之间网超哥来为大家解答以上的问题。margin和padding的区别html，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”。

本文就为大家分享到这里，希望会喜欢。