CSS定位是前端開發中非常重要的一部分，它可以讓我們更精準地控制頁面元素的位置。下面我們就來學習一下css定位的使用。

.container {
position: relative;
}
.box {
position: absolute;
top: 50px;
left: 50px;
}

首先，可以看到這段代碼中的.container類使用了relative定位，而.box類則使用了absolute定位。這時，.box類就會相對于.container類的位置進行定位。

在這里，我們設置了.box的top、left屬性，讓它距離父級元素.container的頂部與左側分別為50像素。這樣，無論.container的位置如何變化，.box都會保持在左上角的位置。

另外，我們也可以使用fixed和sticky定位方式。fixed定位會將元素固定在瀏覽器窗口中，而sticky定位則是一種相對于滾動容器的定位方式。這些定位方式的使用需要根據具體情況來決定。

總的來說，CSS定位是非常強大的工具，我們可以根據具體需求來運用它，實現更加細致的布局效果。當然，在使用過程中也需要注意兼容性等因素。