CSS3偏移屬性可以用來控制元素在網頁中的位置。它們是通過調整元素的top、bottom、left和right屬性來完成的

.box{
position:absolute;
top:50px;
left:50px;
}

在上面的代碼中，.box類被定位為絕對位置，其在網頁上的初始位置是50像素頂部和50像素左側。因此，該元素的位置和內容會以整個頁面為參考框架，而不是網頁的其余部分

同時，CSS3還支持偏移屬性的負值。當一個元素的top和left屬性具有負值時，它會在其初始位置的相反方向移動

.box{
position:absolute;
top:-50px;
left:-50px;
}

上面的代碼將使.box元素向上移動50像素和向左移動50像素，這將使其位于網頁的左上角，而非其初始位置

除了top和left屬性，CSS3還支持bottom和right偏移屬性，用于控制元素相對于網頁底部和右側的位置

.box{
position:absolute;
bottom:50px;
right:50px;
}

在上述代碼中，.box元素的初始位置可能不重要，因為bottom和right屬性確定了元素與網頁底部和右側之間的距離。這將使元素放置在與屏幕底部和右側的固定距離處，而不受瀏覽器窗口大小的影響