HTML：
我要垂直居中
CSS：
html,body{ height:100%;width:100%;}#box{ width:200px;height:200px;position:relative;top:50%;margin:-100px auto;background-color:red;} 效果：
主要是用到相对定位。同时设置了top和margin
本文共 256 字，大约阅读时间需要 1 分钟。
HTML：
我要垂直居中
CSS：
html,body{ height:100%;width:100%;}#box{ width:200px;height:200px;position:relative;top:50%;margin:-100px auto;background-color:red;} 效果：
主要是用到相对定位。同时设置了top和margin
转载于:https://www.cnblogs.com/ecosu/p/5335901.html