css定位

relative：

1. 相对于自身在流中应该在的位置。它一直在流中。
2. 当其子元素为absolute时，absolute元素不再相对document（不是body）定位，而是相对它relative的父元素。原因不明。为方便记忆可以这样理解：
   relative相当于复制品。
   类似剪报纸，一小块新闻剪掉后，原文档缺失一块，但原位置空缺。减下来的部分不再属于原报纸，而是新的一张。
   absolute元素相对于document定位，在relative内部，就是相对于其父relative元素定位。