配置为相对于定位的元素框从文档流彻底删除，并相对于其包罗块定位，网罗块可能是文档中的另外一个元素大概是初始包罗块。元素原先在畸形文档流中所占的空间会封闭，就好像该元素原本不存在同样。元素定位后天生一个块级框，而无论原本它在正常流中天生何品种型的框。

CSS 相对于定位

相对于定位使元素的位置和文档流无关，因此不攻陷空间。这一点和相对定位一致，相对定位实践上被看作平庸流定位模型的一一小块，因为元素的职位相关于它在平凡流中的位置。

平凡流中其它元素的机关就像相对于定位的元素不具备同样：

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

如下图所示：

相对定位的元素的位子相对付迩来的已定位先人元素，假设元素不有已定位的后人元素，那么它的身分相对付一开始的采集块。

对付定位的主要标题是要记取每种定位的寄义。所以，当时让咱们复习一下学过的常识吧：相对定位是“相关于”元素在文档中的初始职位，而相对定位是“相对于”最近的已定位后人元素，如果不存在已定位的祖先元素，那么“相对付”一开始的包孕块。

疏解：依据用户署理的差距，开首的采集块可能是画布或 HTML 元素。

提示：由于绝对定位的框和文档流有关，所以它们可以掩盖页面上的此外元素。可以通过设置 z-index 属性来管制这些框的堆放次序。