position为absolute与fixed区别

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

不同点是:

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

如下面的代码所示:

position为absolute与fixed区别

运行结果为:

position为absolute与fixed区别

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