在CSS中，位置是控制元素在頁(yè)面中顯示位置的重要因素，可以通過(guò)設(shè)置元素的位置屬性來(lái)實(shí)現(xiàn)。在CSS中，有四種常用的位置屬性，分別是position、top、left和right。

position屬性指定了一個(gè)元素的定位方式，包括靜態(tài)定位（默認(rèn)值）、相對(duì)定位、絕對(duì)定位和固定定位。在靜態(tài)定位下，元素按照正常文檔流的位置進(jìn)行布局，不受其他定位屬性的影響；相對(duì)定位下，元素會(huì)相對(duì)于其正常位置偏移一定距離，而不會(huì)脫離文檔流；絕對(duì)定位下，元素會(huì)脫離文檔流，相對(duì)于其包含塊（通常是最近的已定位祖先元素）進(jìn)行定位；固定定位下，元素相對(duì)于瀏覽器窗口進(jìn)行定位，不隨頁(yè)面滾動(dòng)而改變位置。

top、left和right屬性用于確定元素相對(duì)于其包含塊的位置。具有定位屬性的元素的包含塊可以是其最近的已定位祖先元素或者是文檔的初始包含塊（通常是瀏覽器的窗口）。top屬性指定元素與其包含塊頂部的距離，left和right屬性分別指定元素與其包含塊左側(cè)和右側(cè)的距離。這些屬性可以為負(fù)值，表示元素向上、向左或向右移動(dòng)。

.example {
position: absolute;
top: 50px;
left: 100px;
}

在上述代碼塊中，.example元素被設(shè)置為絕對(duì)定位，其包含塊為最近的已定位祖先元素。此時(shí)，.example元素距其包含塊頂部50px，距左側(cè)100px。