CSS中的定位是非常有用的，可以讓我們更加精確地控制網(wǎng)頁上的元素。而利用定位來做偏移也是一個(gè)常用的技巧。比如，我們可以使用position和top、left、right、bottom來控制一個(gè)元素的位置。

.box {
position: relative; /*相對(duì)定位*/
top: 20px; /*上偏移20像素*/
left: 50px; /*左偏移50像素*/
}

相對(duì)定位是基于元素原本的位置進(jìn)行定位的，而不是基于文檔流的位置。當(dāng)我們使用top、left、right、bottom屬性時(shí)，就相當(dāng)于在元素原本的位置上做了一定的偏移。

絕對(duì)定位也是常用的定位方式之一，它可以讓我們的元素脫離文檔流，不受其他元素的影響，完全自由地?cái)[放。我們可以使用position和top、left、right、bottom來控制一個(gè)元素的位置。

.box {
position: absolute; /*絕對(duì)定位*/
top: 20px; /*上偏移20像素*/
left: 50px; /*左偏移50像素*/
}

絕對(duì)定位是相對(duì)于最近的已定位的祖先元素進(jìn)行定位的。如果沒有已定位的祖先元素，那么它會(huì)相對(duì)于文檔的左上角進(jìn)行定位。

需要注意的是，使用定位做偏移可能會(huì)對(duì)網(wǎng)頁布局產(chǎn)生一定的影響，因此我們應(yīng)該掌握好使用定位的時(shí)機(jī)和方法，做出優(yōu)美的網(wǎng)頁布局。