日期:2014-05-17  浏览次数:20613 次

固定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。