CSS相對定位的基準是什么？ 在CSS中，我們可以使用相對定位來調整元素在文檔流中的位置。相對定位相對于元素原本的位置，而不是相對于屏幕或父元素的位置。但是相對定位是相對于什么而言的呢？我們可以通過設置相對定位的“基準”來指定相對定位的參照點。 CSS中設置相對定位的屬性是position，而基準的屬性是top、left、bottom、right。當我們設置元素的position屬性為relative時，它就具有了相對定位的特性。然后我們可以使用基準屬性來控制它的位置，比如：

p {
position: relative;
top: 20px;
left: 30px;
}

上述代碼將使所有段落元素以其原始位置為基準，向下移動20像素，向左移動30像素。這兩個屬性的值可以是任何長度單位，也可以是百分比。如果您僅想調整元素的水平位置，則只需使用left屬性，同樣地，如果您僅想調整其垂直位置，則只需使用top屬性。bottom和right屬性同樣影響元素在相對定位的基礎上的水平和垂直位置，但它們是相對底部和右側邊緣而言的。 但是，您需要注意的一點是，相對定位的基準只影響當前元素，它不影響其它元素的位置。例如，如果您相對定位一個元素并將其向下移動20像素，則該元素下方的文本將不會隨之而動。 綜上所述，CSS相對定位的基準指定了一個元素的參照點以及如何調整該元素相對于該點的位置。這是在設計布局時非常有用的工具，可以讓頁面的元素更加自由地排列和布置，使得頁面更加精美和具有藝術性。