div是HTML中最常用的標簽之一，用于創建網頁中的塊級元素。通過CSS，我們可以對div進行樣式設置，包括尺寸的調整。在這篇文章中，我們將詳細討論如何使用CSS設置div的尺寸。

在CSS中，我們可以使用width和height屬性來設置div元素的尺寸。這兩個屬性可以接受不同的單位，例如像素（px）、百分比（%）或視窗寬度（vw）等。下面是一些代碼案例，用于說明如何使用這些屬性來調整div的尺寸。

案例1：設置固定尺寸的div

<code>
<div style="width: 300px; height: 200px;">
這是一個固定尺寸的div。
</div>
</code>

在上面的代碼中，我們通過將width屬性設置為300像素，height屬性設置為200像素，創建了一個固定尺寸的div。這意味著無論瀏覽器窗口的大小如何變化，div的尺寸都不會改變。

案例2：設置百分比尺寸的div

<code>
<div style="width: 50%; height: 50%;">
這是一個百分比尺寸的div。
</div>
</code>

在上面的代碼中，我們將width屬性和height屬性都設置為50%。這意味著div的寬度和高度將始終是其父元素寬度和高度的50%。這種方法非常有用，特別是在響應式設計中，可以根據不同的屏幕尺寸自動調整div的尺寸。

案例3：使用vw單位設置div寬度

<code>
<div style="width: 50vw;">
這是一個使用vw單位設置寬度的div。
</div>
</code>

在上面的代碼中，我們使用了vw（視窗寬度）單位來設置div的寬度。1vw等于視窗寬度的1%。因此，設置width為50vw將使div的寬度等于視窗寬度的50%。這種方法可以確保div的尺寸與當前可視窗口大小保持一致。

：

通過CSS，我們可以使用width和height屬性以不同的單位來設置div元素的尺寸。固定尺寸的div可以使用像素單位進行設置，而百分比和vw單位則可以用于創建響應式設計的可自適應尺寸的div。

以上就是關于div CSS尺寸的一些介紹和例子，希望能幫助你更好地理解和使用CSS來調整div的尺寸。