之前想用padding-top来实现垂直居中，后来发现这是不可能的。
padding-top padding-bottom margin-top margin-bottom采用百分比时是参照父级块元素的宽度来确定的。
因为若是参照父级块元素的高度来确定的，那么该元素的高度会变化，从而导致父元素的高度会变大，而父元素的高度变大，从而导致padding-top等的百分比对应的高度变大，虽然最终变化是收敛的，但是和原先所想要的高度是不一样的，因而参照父级块元素的宽度是比较好的。
如果想要垂直居中的话，可以用js来操作，这也是没有办法的办法。