css div相对屏幕永远居中
作者:互联网
原文链接:https://www.mk2048.com/blog/blog.php?id=i1kba0i0j&title=css+div%E7%9B%B8%E5%AF%B9%E5%B1%8F%E5%B9%95%E6%B0%B8%E8%BF%9C%E5%B1%85%E4%B8%AD
不管屏幕如何滑动,该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;
}
标签:居中,E5%,B8%,top,div,margin,css,left 来源: https://blog.csdn.net/zzz19/article/details/100712166