百分比布局时，子元素那些属性值取决于父元素的高那些属性取决于宽

请写出 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属性的前提下；