本例為大家介紹的這個方法可以使div永遠保持在屏幕正中,實現的方法或許有很多,但本例的方法可以永遠保持在屏幕正中
使用如下CSS可以使div永遠保持在屏幕正中
復制代碼代碼如下:
<style type="text/CSS">
.log {
position:absolute; /*絕對定位*/
top:50%; /*距頂部50%*/
left:50%;
margin:-100px 0 0 -150px; /*設定這個div的margin-top的負值為自身的高度的一半,margin-left的值也是自身的寬度的一半的負值.(感覺在繞口令)*/
width:300px; /*寬為400,那麼margin-top為-200px*/
height:200px; /*高為200那麼margin-left為-100px;*/
z-index:99; /*浮動在最上層 */
}
</style>