css div相對屏幕永遠居中


不管屏幕如何滑動,該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;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM