CSS中的定位是一種非常重要的屬性，它可以讓我們將元素放置在網頁中的具體位置，從而實現更加精細的布局。

/*使用定位屬性可以讓元素在網頁中放置在不同的位置*/
position: relative;/*相對定位*/
position: absolute;/*絕對定位*/
position: fixed;/*固定定位*/

相對定位是相對于元素原來的位置進行定位，它不會改變元素在文檔流中的位置，只是在原位置添加了偏移。絕對定位則會完全脫離文檔流，可以在網頁中任意放置，而且不會影響其他元素的位置。固定定位是指元素會始終在屏幕的固定位置上出現，不隨頁面滾動而移動。

/*使用left、right、top、bottom屬性可以改變元素相對于參考點的位置*/
.right{
position: absolute;
right: 0;
top: 10px;
}
.left{
position: relative;
left: 20px;
top: 50px;
}
.bottom{
 position: fixed;
 bottom: 0;
}

我們可以使用left、right、top、bottom屬性來確定元素相對于參考點（例如相對于文檔流中的其他元素、相對于父元素、相對于瀏覽器窗口等）的位置。通過合理運用定位屬性和這些屬性的值，我們可以輕松實現各種不同的網頁布局效果。