固定DIV｜纯CSS实现

在网页开发的时候，经常需要页面上有一个固定的DIV，而且，希望随着滚动条的滚动这个固定的DIV不会刷新（抖动）。

 

下面来说一下纯CSS实现<div id="fix_d"></div>的固定方法。

 

1. 设置HTML，BODY的样式

 

html{overflow:auto; height:100%;}
body{overflow:auto; height:100%; margin:0 0 0 0;}

 

2. 设置DIV#fix_d的样式

 

#fix_d {
    position:absolute;

    top:50px;
    left:80px;
}

其中top和left用以控制DIV的位置。

 

兼容IE6.0+，FF，Chrome。