padding 、margin设置百分比的意义

通常认为子元素的百分比完全相对于直接父元素，但是，不总是相对于父元素的对应属性值。
子元素的 top 和 bottom 如果设置百分比，则相对于直接非 static 定位（默认定位）的父元素高度。
子元素的left 和 right 如果设置百分比，则相对于直接非 static 定位父元素的宽度。
子元素的 padding/margin 如果设置百分比，不论是垂直方向或者水平方向，都相对于直接父亲元素的宽度