[面试题] position的属性有哪些，区别是什么？

Question

CSS中的 position 属性有哪些，区别是什么?

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

1. 默认值，静态定位 static，按照正常文档流定位；
2. 相对定位 relative，相对于自身原本的位置进行偏移；
3. 绝对定位 absolute，相对于最近的非 static 定位的祖先进行定位；
4. 相对视窗定位 fixed，相对于浏览器窗口进行定位；
5. 黏性定位 sticky，先按照正常文档流定位，在滚动到设置的定位值之后根据最近滚动容器组件进行绝对定位。
6. 继承 inherit, position 属性默认不从父级继承，如果想要从父级继承，可以用这个属性值。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

可以看一下 MDN 的文档，写的挺详细的

position - CSS: Cascading Style Sheets | MDN