div固定在页面的某个位置

<html> 
<head> 
    <title></title> 
    <style type="text/css">  
       html,body { 
            overflow:hidden; 
            margin:0px; 
            width:100%; 
            height:100%; 
        } 
        .virtual_body { 
            width:100%; 
            height:100%; 
            overflow-y:scroll; 
            overflow-x:auto; 
        } 
        .fixed_div { 
            position:absolute; 
            z-index:2008; 
            bottom:20px; 
            left:40px; 
            width:800px; 
            height:40px; 
            border:1px solid red; 
            background:#e5e5e5; 
        } 
    </style> 
</head> 
<body> 
<div class="fixed_div">I am still here!</div> 
<div class="virtual_body"> 
    嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>
嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>嘎嘎<br/>
</div> 

</body> 
</html> 

posted on 2012-02-02 11:02  冰危节奏  阅读(944)  评论(0)    收藏  举报

导航