css 子元素margin-top为百分比时的问题

如题,如果子元素的margin-top是百分比，是以父元素的宽度为基准进行计算的，而不是高度哦。

    <div style="width:1000px; height:100px; background-color: red;">
        <table></table>
        <div style="width:500px; height:500px; background-color: blue; margin-top:100px"></div>
    </div>

可见，子元素的margin-top:10%刚好移动了父元素的宽度的百分之10,100px

不积跬步无以至千里