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;左外边距、margin-right:10px;右外边距、margin-top:10px;上外边距、margin-bottom:10px;下外边距。

2、可能取的值。padding:length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit规定应该从父元素继承内边距。margin:length规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit规定应该从父元素继承外边距。

3、浏览器兼容问题。padding:所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。margin:所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。

营销型网站