在網頁設計中，我們經常需要將元素相對于其父容器進行定位和布局。在CSS中，我們可以使用position屬性來實現這個功能。常用的position屬性值有static（靜態定位）、relative（相對定位）、absolute（絕對定位）和fixed（固定定位）。

當我們使用相對定位（relative）時，元素會通過top、right、bottom、left四個屬性與其所在的父容器進行定位。比如：

.parent{
position: relative;
}
.child{
position: relative;
top: 50px;
left: 100px;
}

在上述代碼中，child元素通過相對定位，將其位置向下移動了50像素，向右移動了100像素。需要注意的是，相對定位只會影響元素的位置，但不會改變元素在文檔流中的位置。

另一種常見的定位方式是絕對定位（absolute）。絕對定位會將元素從文檔流中移除，然后依照其父容器（或者是body元素）來進行定位，也就是說，絕對定位的元素位置是相對于其父容器來計算的。比如，我們可以通過以下代碼實現將子元素放到父容器右下角的效果：

.parent{
position: relative;
}
.child{
position: absolute;
bottom: 0;
right: 0;
}

上述代碼中，我們首先將父容器的定位設置為relative，然后將子元素的定位設置為absolute，并將其bottom、right屬性都設置為0，這樣子元素就會被定位在父容器的右下角。

需要注意的是，當我們對父容器進行了定位后，子元素的絕對定位是相對于其父容器來進行的。如果父容器沒有定位，則子元素的絕對定位是相對于body元素來進行的。

最后，我們還需要注意的是，父容器的定位屬性會對其子元素的定位產生影響，因此在使用定位屬性的時候，需要仔細考慮父子元素的關系，避免出現不必要的麻煩。