HTML基础知识：当父母是身体时，绝对和相对位置的任何差异？

Question

  

可能重复：
  Position Relative vs Position Absolute?

位置：绝对和位置之间是否存在差异：父亲为主体的div是相对的？

Answer 1

是。绝对和相对定位以完全不同的方式工作。

绝对从包含块的边缘偏移元素并将其从正常流中取出。

如果元素静态定位，则相对偏移元素的呈现位置。

Answer 2

position

<强>语法：

position:  static | relative | absolute | fixed | inherit

<强>静态 正常行为。 顶部，右侧，底部和左侧属性不适用。

<强>相对 布置所有元素，就好像元素没有定位一样，然后调整元素的位置，而不改变布局（从而为元素留下一个间隙，如果它没有被定位）。 position:relative对 table - * - group，table-row，table-column，table-cell和table-caption 元素的影响未定义。

<强>绝对 不要为元素留出空间。相反，将其定位在相对于其最近定位的祖先或包含块的指定位置。绝对定位的盒子可以有边距，它们不会随着任何其他边缘而崩溃。

<强>固定 不要为元素留出空间。而是将其定位在相对于屏幕视口的指定位置，并在滚动时不移动。打印时，将其放在每页的固定位置。