margin-top的值為%,是相對於誰的百分比

以前一直用margin-top:50%,transform:translateY(-50%)來實現垂直居中，但是今天在自己做banner的上下切換按鈕的垂直居中的時候才發現，margin-top的%值是相對於父元素的寬度的。

也可以改變布局：writing-mode:vertical-rl;為縱向排列,那么相對的百分比就是相對於高度了。

用top：50%，配合transform:translateY(-50%)就沒有這個問題，可以完美的實現垂直居中。