对于css 垂直居中，很多同学都不会做。其实相当简单。利用position: relative; 相对定位，即可实现想要的效果
方法/步骤
请先将以下代码复制到1.html中
这里是一个居中的框
方法/步骤2
讲解，实现的原理。position: relative; 相对定位top:50%; 顶边left: 50%; 左边利用百分比，就能够巧妙的实现 垂直居中
上一篇：CSS垂直居中的8种方法
下一篇：CSS垂直居中的方法