本文介绍了一种使用CSS实现Div固定位置的方法，确保Div在页面滚动时不随滚动条移动且不会出现闪动现象。通过设置position属性为fixed并调整bottom值，可以轻松实现这一效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>chinmo.net</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
#glideDiv0{position:fixed; bottom:0;left:0; width:100%; background:#F00;}
</style>
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#glideDiv0{position:absolute;}
</style>
<![endif]-->
</head>
<body>
<div id="wrap_outer">
<br/><br/>固定Div,且scroll时Div不闪动。
<br/><br/>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa11
</div>
<div id="glideDiv0">
固定顶部不动
</div>
</body>
</html>
DIV固定不动，不随滚动条滚动且不闪动
很久没看博客了，看不少同学还存在疑问，记得复制回去以后首先要清理CSDN带的代码，还有如果要距顶部不动的话，就把里面的bottom:0;替换成top:0;即可
扫一扫
1502
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
