margin属性值可以为百分比
margin-top的值为%，是相对于谁的百分⽐
以前⼀直⽤margin-top:50%,transform:translateY(-50%)来实现垂直居中，但是今天在⾃⼰做banner的上下切换按钮的垂直居中的时候才发现，margin-top的%值是相对于⽗元素的宽度的。
也可以改变布局：writing-mode:vertical-rl；为纵向排列，那么相对的百分⽐就是相对于⾼度了。
⽤top：50%，配合transform:translateY(-50%)就没有这个问题，可以完美的实现垂直居中。