Question

margin与padding的百分比参照

Answer 1

先来结论：

可以从两个方面来理解。由于padding和margin类似，下文就只以padding-top为例。

padding-top 如果以父元素高度为参照的话，那么子元素应用padding 值将会继续增加父元素的高度，而父元素高度增加，那 padding-top 值又增加，如此便形成了无限循环。

若一个参照物是宽度，一个参照物是高度，那么不统一的话容易造成混乱。

所以：无论水平还是垂直，百分比始终参考宽度。