首页 > 代码库 > div垂直居中于浏览器

div垂直居中于浏览器

HTML:

<div id="main"><!--外层容器-->     <div id="content">     </div><div>

CSS:

position:absolute;top:50%;left:50%;width:996px;height:767px;margin:-383px 0px 0px -498px;

 

其中,margin的上-383px为高度的50%,-498px为宽度的50%。

如果要让内层垂直居中于外层的话,设置position:relative,且外层div要设置高度和宽度。

div垂直居中于浏览器