码迷,mamicode.com
首页 > Web开发 > 详细

css div相对屏幕永远居中

时间:2017-05-04 11:06:55      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:支持ie   nbsp   logs   idt   fixed   包括   log   position   margin   

不管屏幕如何滑动,该div始终保持在屏幕正中央(支持IE7(包括IE7)以上版本)

<div class="loginBox"></div>
.loginBox {
    background: #FA2;
    width: 700px;
    height: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11;
    /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ 
    /*宽为400,那么margin-top为-200px*/ 
    /*高为200那么margin-left为-100px;*/ 
    margin: -200px 0 0 -350px;
}

 

css div相对屏幕永远居中

标签:支持ie   nbsp   logs   idt   fixed   包括   log   position   margin   

原文地址:http://www.cnblogs.com/zhyue93/p/css_1.html

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