CSS定位是指通過CSS屬性來控制html元素的位置和大小。本文將講解一些常用的CSS定位實例及其用法。

/* 相對定位 */
p.relative {
position: relative;
left: 30px;
top: 50px;
}

相對定位是指相對于元素本身原本應該出現的位置進行定位。如上面的代碼，p元素會在原本的位置上方向左移動30像素，向下移動50像素。

/* 絕對定位 */
div.absolute {
position: absolute;
left: 50px;
top: 100px;
}

絕對定位是指元素相對于父元素進行定位。如上面的代碼，div元素會在父元素中相對于左側50像素，頂部100像素的位置上定位。

/* 固定定位 */
div.fixed {
position: fixed;
left: 80px;
top: 20px;
}

固定定位是指元素相對于瀏覽器窗口進行定位，即不隨頁面滾動而改變位置。如上面的代碼，div元素會相對于瀏覽器窗口左側80像素，頂部20像素的位置上定位。

/* 浮動定位 */
img.float {
float: right;
margin-left: 15px;
}

浮動定位是指將元素的位置從正常流中移除，并允許文本和行內元素環繞它。如上面的代碼，img元素會浮動在右側，并在左側留出15像素的空白。

以上是CSS定位的幾個常用實例及其用法。學會掌握這些，可以更加靈活地掌握頁面布局和排版。