你好：

position:relative 相對定位

什么是相對定位？相對什么定位？這是重要的問題。我的回答是——相對自己文檔流中的原始位置定位。它的特點是——不會脫離文檔流。

也就是說，使用position:relative定位，其元素依舊在文檔流中，他的位置可以使用left、right、top、bottom、z-index等定位參數，但是，他的存在，還是會影響文檔中緊跟在他周圍的元素的。

無論多少文字描述，可能都無法讓你理解。下面，我們看一下實際效果。

如上圖的演示，我給test3加上了position:relative定位效果。代碼如下：

position: relative;left: -20px;top: 20px;

大家可以清晰的從圖上看出來，test3根據CSS參數left: -20px;top: 20px;發生了位移。

但是！但是！但是！重要的事情說三遍，它的唯一并沒有對周圍的元素有任何的影響??！它依然存在于文檔流中。它的位移是根據它在文檔流中的原始位置發生的?。∵@一點非常非常重要。

望采納！