css margin-top設置的百分比竟然是基於父元素的寬度來計算的

一直以來，都以為margin-top設置百分比的話是基於父元素的高度計算的，今天實際用到的時候卻發現並非如此，實際上是基於父元素的高度來計算的。
如果我們想讓某個元素垂直居中，最快最好的方式是設置父元素為flex布局：display:flex;然后再利用兩個屬性即可：

justify-content: center;
align-items: center;