css定位

relative：

相对于自身在流中应该在的位置。它一直在流中。

当其子元素为absolute时，absolute元素不再相对document（不是body）定位，而是相对它relative的父元素。原因不明。为方便记忆可以这样理解：

relative相当于复制品。

类似剪报纸，一小块新闻剪掉后，原文档缺失一块，但原位置空缺。减下来的部分不再属于原报纸，而是新的一张。

absolute元素相对于document定位，在relative内部，就是相对于其父relative元素定位。