记一个前端居中的坑

css使用

top: 50%;

left: 50%;

transform: translate(-50%, -50%)

居中时，如果该居中元素的高使用百分比

其的后代元素中有使用

position: absolute;

则向回偏移时计算不到该元素高度，从而不能居中，水平方向应该也是这样

（其实后代position为absolute时，就算居中元素设为固定高度居中也会发生变化，在手机和电脑上会有不同的显示）