How do you use CSS to keep a div centered forever?

Regardless of how the screen slides, the p remains in the center of the screen (supports IE7 (including IE7)

The following is a simple code to implement this function, please you can refer to.

<p class= "Loginbox" ></p>

The CSS section should write this way:

. loginbox {    background: #FA2;    width:700px;    height:400px;    position:fixed;    left:50%;    top:50%;    z-index:11;    /* Set the negative value of the P margin-top to one half of its height, and the margin-left is a negative half of its width. *//////     * Width is 400, then margin-top is -200px*//     * The height is 200 then margin-left is -100px;*/     margin: -200px 0 0-350px;}

After writing, it is so simple, is not it feel unexpected.

"Recommended"

1. Free CSS Online video tutorial

2. CSS Online Manual

3. php.cn Lonely Nine-base (2)-css video tutorial