在网页设计中，我们经常需要将元素相对于其父容器进行定位和布局。在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元素来进行的。

最后，我们还需要注意的是，父容器的定位属性会对其子元素的定位产生影响，因此在使用定位属性的时候，需要仔细考虑父子元素的关系，避免出现不必要的麻烦。