CSS的定位屬性使我們能夠定位和修改我們所創建的HTML元素的位置。這些屬性包括了position、top、bottom、left和right等，下面我們將詳細講解這些屬性。

/* 位置設置大類 */
/* static：默認定位屬性。 */
div.static {
position: static;
}
/* relative：相對定位，元素原先的位置仍占用文檔流 */
div.relative {
position: relative;
left: 30px;
top: 50px;
}
/* absolute：絕對定位，脫離文檔流，元素的位置與起始點有關（參考點為父級元素） */
div.absolute {
position: absolute;
left: 30px;
top: 50px;
}
/* fixed：固定定位，脫離文檔流，元素的位置與視窗有關（參考點為瀏覽器窗口） */
div.fixed {
position: fixed;
left: 30px;
top: 50px;
}

使用上述代碼，可以簡單地設置控件的位置和屬性，滿足我們定制化的需求，讓我們的網頁呈現更加美觀、精致的效果。