百分比佈局時，子元素那些屬性值取決於父元素的高那些屬性取決於寬

請寫出 inner 的實際高度。 //100px

<style>
  .outer {
    width: 200px;
    height: 100px;
  }
  .inner {
    width: 60px;
    height: 60px;
    padding-top: 20%;//取父元素寬的百分比
  }
</style>
<div class="outer"><div class="inner"></div></div>   

百分比佈局時，子元素豎向的屬性值都是取決於父元素的寬，padding、margin、[max/min-]width、left、right、 等；同理left和right也是在有position屬性的前提下；