<div>是HTML中的一個重要標簽，用于在網頁中創建一個塊級容器。通過使用CSS樣式，我們可以控制<div>的大小。在本文中，我們將詳細解釋如何使用CSS來調整<div>的大小，并提供一些真實案例來說明。
<div>標簽是一個通用的容器，可以用于包裹其他HTML元素，比如文本、圖像、表格等。默認情況下，<div>的大小會根據其中的內容自動調整。然而，如果我們想顯式地控制<div>的大小，我們可以使用CSS來實現。
下面是一些代碼案例，用于說明如何使用CSS來調整<div>的大小。
案例1：

下面的代碼演示了如何使用CSS的width和height屬性來設置<div>的寬度和高度。

<div style="width: 200px; height: 100px; background-color: lightblue;">
這是一個DIV。
</div>

在上面的案例中，我們使用style屬性來設置<div>的寬度為200像素，高度為100像素，并設置背景顏色為淺藍色。你可以根據需要調整這些值，以滿足你的設計要求。
案例2：

下面的代碼演示了如何使用CSS的max-width和max-height屬性來限制<div>的最大寬度和高度。

<div style="max-width: 300px; max-height: 200px; background-color: lightgreen;">
這是一個DIV。
</div>

在上面的案例中，我們使用style屬性來設置<div>的最大寬度為300像素，最大高度為200像素，并設置背景顏色為淺綠色。如果<div>中的內容超過了限制的寬度和高度，瀏覽器將自動調整<div>的大小以適應內容。
案例3：

下面的代碼演示了如何使用CSS的min-width和min-height屬性來限制<div>的最小寬度和高度。

<div style="min-width: 100px; min-height: 50px; background-color: lightyellow;">
這是一個DIV。
</div>

在上面的案例中，我們使用style屬性來設置<div>的最小寬度為100像素，最小高度為50像素，并設置背景顏色為淺黃色。如果<div>中的內容較少，瀏覽器將自動調整<div>的大小以滿足最小寬度和最小高度的要求。
通過上述案例，我們可以看到如何使用CSS來調整<div>的大小。這些技巧可以用于創建各種布局，并根據需要調整<div>的大小，以實現更好的用戶體驗。
參考資料： 1. "Mastering CSS: How to Size a DIV Properly" (https://www.lifewire.com/how-to-size-divs-with-css-3467015) 2. "CSS Width and Height" (https://www.w3schools.com/cssref/pr_dim_height.asp) 3. "CSS max-width Property" (https://www.w3schools.com/cssref/pr_dim_max-width.asp) 4. "CSS min-width Property" (https://www.w3schools.com/cssref/pr_dim_min-width.asp)