今天凤捷来为大家解答以上的问题。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”。
今天为大家分享到这里，希望小伙伴们会有帮助。
标签：