在Web开发中，为了设计出让用户感到美观、易于操作的页面，布局是非常重要的。在CSS中，可以通过调整块的位置来达到这个目的。

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

上面的代码演示了如何将一个元素向右移动50像素，向下移动50像素。在CSS中，使用position属性可以设置元素的定位方式，有relative、absolute、fixed和static4种方式可用。

其中，relative定位指相对于当前元素原有的位置进行调整，而absolute定位指相对于父元素进行调整。fixed定位指要素固定在视窗的某个位置，而static定位是默认行为，即没有进行任何定位调整。

在绝对定位和相对定位中，还可以通过left、right、top和bottom属性来调整元素位置。通过调整这些属性值，可以实现块元素的不同位置排布。例如：

.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个盒子元素定位到各自的角落。这样，通过调整CSS中的位置属性，开发者可以灵活地进行页面设计。