DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css 相對浏覽器動態居中永遠保持在屏幕正中
css 相對浏覽器動態居中永遠保持在屏幕正中
編輯:CSS詳解     
本例為大家介紹的這個方法可以使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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved