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