CSS定位是為了使網(wǎng)頁布局更加靈活，讓我們可以隨意把各個元素放在網(wǎng)頁的任何位置。在CSS中，我們可以通過定位來控制HTML元素在網(wǎng)頁中的位置。而定位的基本單位就是div。

在CSS中，div通常被稱為塊級元素，表示一個矩形的區(qū)域，可以用來容納其他HTML元素。通過CSS，我們可以控制這個區(qū)域在網(wǎng)頁中的位置和大小，從而實(shí)現(xiàn)網(wǎng)頁布局的需求。

/* 以下是一個簡單的CSS定位的實(shí)例 */
This is some text in a paragraph.

在這個實(shí)例中，我們創(chuàng)建了兩個div元素，一個叫做outer，一個叫做inner。outer代表整個頁面的區(qū)域，inner代表outer內(nèi)的一個矩形區(qū)域。

在CSS中，我們可以使用position屬性來控制HTML元素的定位方式。常見的定位方式有相對定位（relative）、絕對定位（absolute）、固定定位（fixed）和靜態(tài)定位（static）。

在這個實(shí)例中，我們設(shè)置outer的position屬性為relative，這樣它會相對于網(wǎng)頁的默認(rèn)位置進(jìn)行定位。同時，我們還設(shè)置了outer的width、height和background-color屬性，讓它在網(wǎng)頁中占據(jù)一定的大小和顏色。

而對于inner，我們設(shè)置了position屬性為absolute，這樣它會相對于outer進(jìn)行定位。同時，我們還設(shè)置了top、left、width、height和background-color屬性，讓它在outer內(nèi)占據(jù)一定的位置、大小和顏色。由于inner在outer內(nèi)進(jìn)行定位，因此它的位置不會影響outer內(nèi)的其他HTML元素。

總之，在CSS中，我們可以通過控制HTML元素的position、top、left、right、bottom等屬性，來實(shí)現(xiàn)HTML元素在網(wǎng)頁中的定位和布局。這樣，我們就可以實(shí)現(xiàn)各種不同的網(wǎng)頁布局效果。