固定DIV|纯CSS实现

wolaizheli 2011-06-30

在网页开发的时候,经常需要页面上有一个固定的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。固定DIV|纯CSS实现

相关推荐