在網頁開發中，使用<div>標簽時，可以通過CSS來控制其在頁面中的位置。通過設置<div>標簽的樣式屬性，我們可以實現不同的布局效果。下面將通過幾個實例來詳細介紹如何使用CSS來控制<div>標簽的位置。

實例一：居中顯示

要將<div>標簽居中顯示，可以使用CSS的margin屬性。設置left和right的值為auto，即可實現居中效果。

<code>
div {
width: 200px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
</code>

這樣設置之后，<div>標簽將在頁面中水平居中顯示。

實例二：固定在某個位置

如果我們希望將<div>標簽固定在頁面的某個位置，可以使用CSS的position屬性和top、left屬性來實現。

<code>
div {
width: 200px;
height: 200px;
position: fixed;
top: 100px;
left: 100px;
}
</code>

這樣設置之后，<div>標簽將固定在距離頁面頂部100像素、距離頁面左邊100像素的位置。

實例三：浮動

通過設置<div>標簽的浮動屬性，可以實現多列布局。

<code>
div {
width: 200px;
height: 200px;
float: left;
}
</code>

這樣設置之后，<div>標簽將從左到右依次排列，形成多列布局。

實例四：絕對定位

要實現更加精確的定位效果，可以使用CSS的position屬性和top、bottom、left、right屬性來實現。

<code>
div {
width: 200px;
height: 200px;
position: absolute;
top: 100px;
left: 100px;
}
</code>

這樣設置之后，<div>標簽將相對于其最近的具有定位屬性的父元素，以絕對定位在距離父元素頂部100像素、距離父元素左邊100像素的位置。

實例五：自適應布局

通過設置<div>標簽的寬度為百分比值，可以實現自適應布局。

<code>
div {
width: 50%;
height: 200px;
}
</code>

這樣設置之后，<div>標簽將自適應父元素的寬度，占據父元素的一半寬度。

通過上面的幾個實例，我們可以看到，利用CSS的各種屬性，我們可以輕松地控制<div>標簽的位置。無論是居中顯示、固定位置、浮動布局、絕對定位還是自適應布局，都可以通過CSS來實現。在實際網頁開發中，根據不同的需求，結合以上的技巧，我們可以靈活地控制<div>標簽的位置，為頁面添加更多的布局效果。