position的absolute与fixed共同点与不同点
时间: 2024-05-27 18:09:29 浏览: 53
关于position、absolute、relative层叠加的技巧
共同点:
- 两者都可以使元素脱离文档流,不占据原来的位置。
- 都可以通过top、left、right、bottom属性来指定元素的位置。
不同点:
- `position: absolute`是相对于其最近的已定位的祖先元素定位,如果没有已定位的祖先元素,则相对于最初的包含块定位。而`position: fixed`则是相对于浏览器窗口的位置进行定位。
- 当页面滚动时,`position: absolute`定位的元素会随着页面一起滚动,而`position: fixed`定位的元素则会固定在浏览器窗口的位置上不动。
- `position: absolute`不会影响其它元素的布局,而`position: fixed`会占据原来元素的位置,可能会影响其它元素的布局。
阅读全文