如何将宽200px高100px的DIV始终置于阅览器正中。并保证阅览器放大缩小都适应 

<!Doctype html>
<html>
<head>
<style>
    html,body{
        height:100%;/*最好给html,body加上这句，个别浏览器不加这句不灵哦*/
    }
    #mydiv{
        background:#666;
        /*下面几句是重点*/
        width:200px;height:100px;
        position:absolute;left:50%;top:50%;
        margin-top:-50px;
        margin-left:-100px;
    }
</style>
</head>

<body>

    <div id="mydiv">
        Div 宽高 200 x 100 像素
    </div>
    
</body>
</html>

 

posted on 2012-06-21 09:34  zhuhai  阅读(457)  评论(0)    收藏  举报

导航

我的百度空间