首页 > div+css学习 > div层跟随滚动条滚动position:absolute;fixed;relative的定位具体用法

div层跟随滚动条滚动position:absolute;fixed;relative的定位具体用法

2013年9月16日 发表评论 阅读评论

很多情况下我们都遇到一种效果,那就是div层会根据滚动条滚动而固定在网页的某个角落

有几种解决方法,不过我的解决方法抛弃了IE6用户,如果你还在使用IE6或者仍然为IE6的用户考虑,那么我建议你也抛弃!

1,position:fixed

这种方法很常见,道理很简单,就不做说明了,如果不懂,你可以去百度,但是这样会有一个bug,如果不固定页面宽度的情况下top和bottom是非常好控制的,但是left的值就麻烦了。

所以引入第二种解决方法,如下:

2,position:absolute;和position:relative公用,代码如下:

<div style=”position:relative;width:1000px;margin:0px auto;”>
<div id=”gundong”></div>
</div>

懂吧,第一个层是1000px的宽度,那么这个时候,你再用position:fixed就不行了吧?因为很简单,没指定宽度

定义个css样式:.contentFixed {position:fixed;top:0px;width:250px;}

如此通过js动态应用css样式到id=”gundong”的层上即可解决问题,但是一定要记住,这里有个bug,如果你不指定width:250px的话

分类: div+css学习 标签: , ,
  1. 本文目前尚无任何评论.
您必须在 登录 后才能发布评论.
css.php