码迷,mamicode.com
首页 > 其他好文 > 详细

div垂直居中于浏览器

时间:2016-10-07 18:04:37      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:

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垂直居中于浏览器

标签:

原文地址:http://www.cnblogs.com/leositon/p/5936028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!