패딩의 상대값은 부모의 너비값을 따른다.
<div class="parent" style="position: relative; width:1000px;"> <div class="child" style="position: absoulte; padding-top: 50%">padding</div> <div>
일경우 child는 부모 엘리먼트인 parent의 너비인 1000px의 50%인 500px를 padding 값으로 갖는다.
child
parent