啊啊啊啊？margin-top的百分比竟然是相对于父元素的宽度

margin-top 在使用百分比时，到底相对于谁呢？


我们一般会以为它相对与父元素的高度，但是，怎么也没有想到，原来它是相对于父元素的宽度


代码如下：

#parent {
           width: 1200px;
           background-color: red;
           height: 200px;
       }
#children {
           background-color: grey;
           margin-top: 50%;
       }

知道了，margin-top 的百分比相对于父元素的宽度。


那margin-left , margin-right 的百分比相对于谁呢？


答：都是相对于父元素的宽度。


具体的详细演示
请参考 ：
https://www.jianshu.com/p/e81eb98e9b54