首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

固定DIV|纯CSS兑现

2012-09-19 
固定DIV|纯CSS实现在网页开发的时候,经常需要页面上有一个固定的DIV,而且,希望随着滚动条的滚动这个固定的

固定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。固定DIV|纯CSS兑现

热点排行