CSS（層疊樣式表）是一種用于定義網頁樣式的語言，其中的定位屬性可以幫助我們控制元素在網頁中的位置。

div{
position: relative;
left: 50px;
top: 100px;
}

如上代碼中，我們使用了position屬性來定義元素的定位方式，其中包括四個值：static、relative、absolute和fixed。默認值為static，表示元素在文檔流中正常排列。relative表示元素相對自身的位置進行定位，通過left和top屬性來控制元素距離原來的位置偏移，即上述代碼中將元素向右移動了50像素，向下移動了100像素。absolute和fixed表示元素相對于其父元素或瀏覽器窗口進行定位。

div{
position: absolute;
top: 50px;
right: 0;
}

如上代碼中，我們將元素相對于其父元素定位，通過top和right屬性來控制元素距離父元素頂部和右側的距離。而fixed則是將元素進行固定位置定位，不隨瀏覽器滾動而移動。

除了以上定位屬性外，我們還可以通過z-index來控制元素的層疊順序，值越大的元素會被放置在越上方。

div{
position: relative;
z-index: 1;
}
img{
position: absolute;
z-index: 2;
}

如上代碼中，我們將div元素的z-index設置為1，將img元素的z-index設置為2，因此img元素會被放置在div元素之上。

CSS的定位屬性是網頁布局中非常重要的一部分，正確地使用它們可以使網頁排版更加靈活多樣。