position为absolute与fixed区别

position为absolute与fixed两者的共同点是：元素都脱离了标准流，均不再占据空间；

不同点是：

定义为absolute的元素会随着滚动条的拖动而变化，定义为fixed的元素并不会随着滚动条的拖动而变化。

如下面的代码所示：

运行结果为：

当拖动滚动条时，定义为absolute的元素随着滚动条的拖动而发生变化，而定义为fixed的元素并没有随着滚动条的拖动而变化。

position为absolute与fixed区别相关推荐

[css] 说说position的absolute和fixed共同与不同点分别是什么？
[css] 说说position的absolute和fixed共同与不同点分别是什么? 相同点: 1.都是用来给元素定位的属性,具有定位元素的一切特点(例如脱离文本流.不占据空间等等): 2.改变元素 ...
css的position中absolute和fixed的区别
fixed:固定定位 absolute:绝对定位区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动常用场 ...
position中absolute和fixed的区别
fixed:固定定位 absolute:绝对定位区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动常用场 ...
position的absolute与fixed共同点与不同点
这个问题面试被问到过~~ position属性是对于元素位置设置的属性,一般来说fixed是相对于window窗口的不会随着页面的滚动而位置发生变化 absolute是相对于页面中的元素位置设置的,所 ...
【对比分析四】position的absolute与fixed共同点与不同点
共同点: (1) 改变行内元素的呈现方式,display被置为block: (2) 让元素脱离普通流,不占据空间: (3) 默认会覆盖到非定位元素上不同点: absolute的"根元素&q ...
Position(Static, Absolute, Relative, Fixed)
Static : 正常页面流(结点)流 Relative : 相对于自己,在Static结点的上面(z-index) Absolute : 相对于第一个非Static父结点,不属于页面流(结点流)(不 ...
position属性absolute与relative 详解不为人知的（fixed）绝对定位(fixed相对于浏览器窗口=不动的div)
From:http://www.cnblogs.com/wiseblog/articles/4352007.html Top,Right,Bottom,Left(下称TRBL,TRBL可以折分使用.) ...
position属性absolute与relative 详解
最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记. 一.解读absolute与relative ...
关于浮动float属性和position:absolute属性的区别
最近返回头看了很多书籍,一直在纠结float属性和absolute绝对定位的区别和使用的情况,给大家分享一下自己的心得和体会吧. 1,float属性 float属性意义是让元素拜托独占一行的霸道总裁, ...

position为absolute与fixed区别

position为absolute与fixed区别相关推荐

最新文章

热门文章