html - `%` で余白サイズを設定... 親または要素の相対性?

Question

次の HTML があるとします。

<div id='parent'>
   <div id='child'>
   </div>
</div>

この CSS を設定すると:

 #parent {
     width:1000px;
     height:1000px
 }
 #child {
    width:20%;
    height:40%;
    margin-top:10%;
 }

子要素にはmargin-top、%親の高さまたは子の高さの がありますか? %また、ブラウザがマージンに関してサイズをレンダリングする別の方法がありますか? paddingchild/parent に適用されるがある場合、それはmargin?に影響します。