fixed定位与absolute定位

相同点:

1、fixed定位和absolute定位都是绝对定位

2、fixed定位和absolute定位都脱离了标准文档流,

3、未设置偏移量时,都定位在父元素的左上角

tip:元素设置相对定位或绝对后,就具有了偏移属性和堆叠属性Z-index,属性值越大,越靠上

不同点:

fixed定位:

设置偏移量后:无论有无已经定位的祖先元素,都相对于浏览器窗口进行偏移

未设置偏移量:以其父元素为基准定位,会继续包含在父包含块中。

表现形式:位置固定,不会随滚动条变化;被他遮盖的元素,可以从其下穿过。

absolute定位:

设置偏移量时:无已定位的祖先元素,以<html>为基准偏移;有已经定位的祖先元素,以距离其最近的、已定位的祖先元素为基准偏移

表现形式:位置随滚动条变化

原文地址:https://www.cnblogs.com/shenfangfang/p/4903548.html