absolute

把元素的 position 样式属性的值设置成 absolute，就可以对这个元素进行绝对定位。元素在绝对定位的时候，会参考离它最近的 父辈定位元素的位置。如果没找到这样的父辈定位元素，就会参考文档的根元素进行绝对定位。

下面我们把 2 号元素的 position 属性的值改成 absolute，这样使用 top，right，bottom 还有 left 设置的就是元素的绝对位置了。

现在 2 号元素定位的时候，会参考文档的根元素，因为它的父辈没有定位元素。

如果你想让这个 2 号元素参考 #app 元素进行绝对定位，可以把 #app 这个元素的 position 属性的值设置成 relative，在样式表里，写一段样式，用 #app 这个 ID 选择器，把 position 设置成 relative。

现在 2 号元素做绝对定位的时候就会参考它的 #app 这个父辈元素的位置。距离这个 #app 元素的顶部有 56 像素，距离 #app 元素的左边有 32 像素。

注意对 2 号元素做了绝对定位以后，1 号元素与 3 号元素就会挨在一起了，浏览器在排版的时候不会再考虑绝对定位的元素了，就好像 2 号元素在 #app 元素里不存在一样。