先来结论：
- 高度的百分比是相对于父元素的高度设置的
- margin和padding四个方向上的百分比参照物都是父元素的宽
问：宽度的百分比参照元素的宽度这一点毫无疑问，但高度也参照宽度是为什么？
可以从两个方面来理解。由于padding和margin类似，下文就只以padding-top为例。
1. 父容器的高度
padding-top 如果以父元素高度为参照的话，那么子元素应用padding 值将会继续增加父元素的高度，而父元素高度增加，那padding-top值又增加，如此便形成了无限循环。
2. 保持padding,margin四个值的统一
若一个参照物是宽度，一个参照物是高度，那么不统一的话容易造成混乱。
所以：无论水平还是垂直，百分比始终参考宽度。
