在Web開發(fā)中，為了設(shè)計出讓用戶感到美觀、易于操作的頁面，布局是非常重要的。在CSS中，可以通過調(diào)整塊的位置來達到這個目的。

.selector {
position: relative;
left: 50px;
top: 50px;
}

上面的代碼演示了如何將一個元素向右移動50像素，向下移動50像素。在CSS中，使用position屬性可以設(shè)置元素的定位方式，有relative、absolute、fixed和static4種方式可用。

其中，relative定位指相對于當(dāng)前元素原有的位置進行調(diào)整，而absolute定位指相對于父元素進行調(diào)整。fixed定位指要素固定在視窗的某個位置，而static定位是默認行為，即沒有進行任何定位調(diào)整。

在絕對定位和相對定位中，還可以通過left、right、top和bottom屬性來調(diào)整元素位置。通過調(diào)整這些屬性值，可以實現(xiàn)塊元素的不同位置排布。例如：

.box1 {
position: absolute;
left: 0px;
top: 0px;
}
.box2 {
position: absolute;
right: 0px;
top: 0px;
}
.box3 {
position: absolute;
left: 0px;
bottom: 0px;
}
.box4 {
position: absolute;
right: 0px;
bottom: 0px;
}

上面的代碼演示了將4個盒子元素定位到各自的角落。這樣，通過調(diào)整CSS中的位置屬性，開發(fā)者可以靈活地進行頁面設(shè)計。