position 的 absolute 与 fixed 共同点与

position 的 absolute 与 fixed 共同点与不同点:

1. 相同:
  1. 改变行内元素的呈现方式, display 被置为 block 。
  2. 让元素脱离普通流(文档流), 不占据空间 。
  3. 默认会覆盖到非定位元素上 。

2. 区别:
  1. absolute 的 ”根元素“ 是可以设置的; 而 fixed 的 ”根元素“ 固定为浏览器窗口 body 。
  2. 当你滚动网页, fixed 元素与浏览器窗口之间的距离是不变的 。