是基于绝对定位的main{position:absolute;顶部：50%；左：50%；transform:translate(-50%,-50%);}基于视口单位的边距百分比不起作用，因为边距百分比值是根据父元素的宽度解析的。没错，即使是margin-top和margin-bottom！以下方法基于vw、vh、vmin、vmax单位，仅适用于以视口为中心的场景。主要{保证金：50vh自动0;transform:translateY(-50%);}基于Flexboxbody{display:flex;最小高度：100vh；margin:0;}main{margin:auto;}或main{display:flex;对齐项目：居中；证明内容：居中；宽度：18em；height:10em}注：本文根据本书《css secret》整理，方便参考
