使相对位置

相对定位元素的定位相对于它们的正常位置-围绕它们自己。相对定位的元素解锁位置选项，而它们的原始位置为文档流保留。

将元素设置为相对定位后，就可以使用相对于这个开始位置的值来设置上、下、左或右。你也可以调整它z - index价值．

在这节课中:

1. 重叠的一个元素
2. 从下面露出一个元素

重叠的一个元素

1. 选择要重叠的元素
2. 创建一个组合类(例如，“special”)
3. 将位置设置为相对(这将解锁z-index控件)
4. 你现在可以调整与其他元素分离的位置，并将堆叠在自动内容的前面

从下面露出一个元素

1. 选择要下搭的元素
2. 创建一个组合类(例如，“super”)
3. 将位置设置为相对(解锁z-index控件)
4. 给它一个值(在本例中大于0)
5. 给最后一步中的元素一个更高或更低的值，它要么堆叠在上面，要么堆叠在后面

相对定位允许您相对于元素的原始位置(与页面上的其他内容分离)来定位元素。