在網頁設計中，定位幾乎是必不可少的操作，因為要想排版好網頁元素，那么就必須得對網頁中的元素進行定位調整。CSS3提供了多種盒子定位方式，讓設計人員可以方便快捷地進行元素定位操作。

下面來介紹一下CSS3盒子定位：

.box1 {
position: relative; /* 相對定位 */
left: 50px;
top: 50px;
}
.box2 {
position: absolute; /* 絕對定位 */
right: 20px;
bottom: 20px;
}
.box3 {
position: fixed; /* 固定定位 */
top: 0;
left: 0;
}
.box4 {
position: sticky; /* 粘滯定位 */
top: 20px;
}

相對定位：元素相對于它原本在文檔流中的位置進行定位，使用left和top屬性調整元素位置。

絕對定位：元素相對于它最近的非static父元素進行定位，使用right和bottom屬性調整元素位置。

固定定位：元素相對于瀏覽器窗口進行定位，可以實現固定模塊滾動不跟隨的效果，配合top和left屬性使用。

粘滯定位：元素跟隨滾動條進行到一定位置粘滯在指定位置，可以使用top屬性調整粘滯位置。

以上是CSS3盒子定位的簡要介紹，會使用盒子定位對于網頁布局的實現帶來很多便利，我們可以更方便快捷地排版設計網頁。