CSS中定位盒子是一種常見的網頁布局技巧，可以幫助我們將元素定位在需要的位置，從而使網頁更加美觀和易于操作。
CSS中的定位方式有兩種：相對定位和絕對定位。相對定位是指將元素定位在與其相鄰的元素之外的位置，而絕對定位則是將元素定位在與其相鄰的元素之間的位置。
相對定位的語法如下：
```css
position: relative;
其中，`relative`表示定位屬性，`position`是定位屬性的值，可以設置元素的定位方式，常見的定位方式包括：
- `top`：將元素定位在父元素頂部。
- `bottom`：將元素定位在父元素底部。
- `left`：將元素定位在父元素左側。
- `right`：將元素定位在父元素右側。
- `top`、`bottom`、`left`、`right`可以組合使用，定位元素在某個特定的位置。
下面以一個簡單的例子來說明相對定位的使用：
```html
<div class="parent">
<div class="child"></div>
</div>
在這個例子中，`class="parent"`表示父盒子，`class="child"`表示子盒子。通過相對定位，子盒子將定位在父盒子的右側。
```css
.parent {
position: relative;
width: 300px;
height: 200px;
.child {
position: absolute;
top: 50px;
left: 200px;
在這個例子中，`class="parent"`的寬度為300px，高度為200px，通過相對定位，子盒子將定位在父盒子的右側，具體定位在父盒子的寬度為200px，高度為50px的區域內。
除了相對定位，CSS中還可以使用絕對定位來定位元素。絕對定位的語法如下：
```css
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
其中，`position`是定位屬性的值，`absolute`表示定位屬性，`top`、`bottom`、`left`、`right`是定位屬性的參數。絕對定位會將元素定位在沒有任何可見邊框或背景的區域內，可以通過調整這些參數來控制元素的定位位置。
```css
.parent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #f00;
.child {
width: 100px;
height: 100px;
background-color: blue;
在這個例子中，`class="parent"`的寬度為300px，高度為200px，通過絕對定位，子盒子將定位在父盒子的右側，并且元素的背景色為藍色。
CSS中的定位方式可以幫助我們將元素定位在需要的位置，從而實現網頁布局的效果。通過不同的定位方式，我們可以將元素精確定位到任何位置，從而使網頁更加美觀和易于操作。