设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网页制作 > CSS > 正文

css position的absolute和fixed属性的区别

时间:2015-02-23 12:40:02 来源:村姑网 作者:喜欢安静 阅读: 180 次
导读:在position的5个属性中,absolute和fixed这2个属性是比较不容易区分的,且fixed属性在IE7.0以下版本的浏览器中是不被支持的。这2个属性都是起到定位div层的作用,那么他们之间到底有什么区别呢,今天我们就来分析一下他们之间的区别。 首先说下absolute属性...

    在position的5个属性中,absolute和fixed这2个属性是比较不容易区分的,且fixed属性在IE7.0以下版本的浏览器中是不被支持的。这2个属性都是起到定位div层的作用,那么他们之间到底有什么区别呢,今天我们就来分析一下他们之间的区别。

    首先说下absolute属性,如果给一个div层设置了position:absolute属性的话,那么后面的left,top之类的值就是距离body的距离。而如果给一个div层(或者说容器)设置了position:fixed属性的话,那么left,top之类的值就是该层和浏览器之间的距离了。

    比如给一个div容器设置了fixed属性后,无论你怎么拉动浏览器的滚动条,这个层在浏览器中的位置始终是固定不变的,就像我们现在比较常见的在浏览器左边或者右边的漂浮着的分享按钮或者百度的悬浮广告一样,他们始终是在那个位置,不会改变。而absolute属性就不能实现这样的效果,这应该就是他们之间的区别所在吧,关于fixed属性的具体实例,请参照:《CSS中position的fixed属性使用详解实例》这篇文章,在该实例中,你改动下div2的position的值,把fixed改成absolute,分别运行一下,你就会明显的发现他们之间的不同点了。

(注:欢迎转载,转载请注明来源于“村姑网-www.cunguer.com”,谢谢~!)

《css position的absolute和fixed属性的区别》地址:www.cunguer.com/article/7.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!