<div>是HTML中的一個元素標簽，用于創建一個獨立的、可復用的區塊。它的定位方式和大小可以通過CSS進行控制。 通常情況下，<div>元素的默認寬度是占據父元素的100%寬度；而高度則由內部內容決定。也就是說，<div>元素的大小默認是不固定的，會根據內部內容的大小而自適應調整。
當我們希望對<div>元素進行定位和固定大小時，可以利用CSS的屬性來實現。以下是幾個代碼案例，詳細解釋和說明如下。
**案例1：固定寬度和高度的<div>**

<style>
.myDiv {
width: 300px;
height: 200px;
background-color: pink;
}
</style>
<br>
<div class="myDiv">
<p>This is a fixed size div.</p>
</div>

在這個案例中，我們使用了CSS的width和height屬性來設置<div>元素的寬度和高度。通過設置為固定值，可以使<div>元素保持相同的大小，不會受到內部內容的影響。
**案例2：相對定位的<div>**

<style>
.myDiv {
position: relative;
left: 50px;
top: 50px;
width: 200px;
height: 200px;
background-color: lightblue;
}
</style>
<br>
<div class="myDiv">
<p>This is a relatively positioned div.</p>
</div>

在這個案例中，我們將<div>元素的position屬性設置為relative，使其成為相對定位元素。然后通過設置left和top屬性，將<div>元素相對于其正常位置進行偏移。這樣一來，<div>元素的位置就可以根據需求進行調整。
**案例3：絕對定位的<div>**

<style>
.myDiv {
position: absolute;
left: 200px;
top: 100px;
width: 300px;
height: 150px;
background-color: lightgreen;
}
</style>
<br>
<div class="myDiv">
<p>This is an absolutely positioned div.</p>
</div>

在這個案例中，我們將<div>元素的position屬性設置為absolute，使其成為絕對定位元素。然后通過設置left和top屬性，將<div>元素相對于其最近的非靜態定位的父元素（如果沒有，則是相對于最初的包含塊）進行定位。這樣一來，<div>元素的位置就能夠被準確地指定。
起來，通過CSS的屬性，我們可以對<div>元素進行定位和固定大小的控制。無論是固定寬度和高度、相對定位還是絕對定位，都可以根據具體的需求來對<div>元素進行靈活的布局。