Question

css中padding和margin到底是相对于父元素还是子元素？

定义一个元素的padding是本身相对于父元素的边框的距离还是子元素相对于自己边框的距离，margin应该是自己本身与其他元素（不管是父元素还是并列元素）的距离，我本来理解padd是定义盒子与盒子内子元素的间距，结果最近看《变幻之美Div+CSS网页布局揭秘》发现定义ul的padding属性居然是ul与父div之间的间距，我就困惑了。

Answer 1

你贴的那个图，那个margin～right是指相邻li 边框之间的距离，我最近用到的发现有的是与相邻元素之间边框之间的距离，有的是与父元素边框的距离，越来越迷惑了

Answer 2

这种情况只能出现在多名同时定义
如div ,ul{}

Answer 3

自己写一个例子看看不就知道了吗？
要多动手，多些。
margin是相对于外部。
padding是内容到边框的距离。。。

追问

对于不同的元素padding效果是不同的是吗？就是说对于div，就是内部内容与自己边框的距离，对于ul等就是自己与父div的边框距离是吗？看我补充的图，是变幻之美的115页。如果不是，为啥div的padding属性是div里的内容到div边框的距离，ul的padding属性就不是li到ul边框的距离而是ul到div的距离呢？

追答

你自己手写一段代码试试，别问什么人都管用。。。

Answer 4

你要以一个元素对象来理解这两个属性，比如div这个层，padding 是指div的边到内部元素的距离，margin是div边距到外部元素的距离

追问

你的意思是对于不同的元素padding效果是不同的是吗？就是说对于div，就是内部内容与自己边框的距离，对于ul等就是自己与父div的边框距离是吗？看我补充的图，是变幻之美的115页。

追答

一样的，都是像素 都是可以设定的

追问

那为啥div的padding属性是div里的内容到div边框的距离，ul的padding属性就不是li到ul边框的距离而是ul到div的距离呢？

追答

取决于你包含的元素

同一个属性，是不可能产生你说的这种问题的，只是你的参照物没找对而已