<div> 長寬設(shè)置
在網(wǎng)頁設(shè)計中，<div>是一種常用的HTML標(biāo)簽，用于定義HTML文檔的一個分塊區(qū)域。我們可以對<div>進行樣式修改，包括設(shè)置其長寬。
<div>標(biāo)簽的長寬可以通過CSS樣式表中的width和height屬性來設(shè)置。這兩個屬性分別用于定義<div>元素的寬度和高度。長寬可以使用像素（px）、百分比（%）或其他單位進行設(shè)置。下面將通過幾個代碼案例詳細解釋<div>的長寬設(shè)置方法。
案例一：設(shè)置固定寬度和高度

如果我們想要<div>元素具有固定的寬度和高度，可以使用像素作為單位。

<div style="width: 200px; height: 100px; background-color: #ff0000;"></div>

輸出： <div style="width: 200px; height: 100px; background-color: #ff0000;"></div>
在上述代碼中，<div>元素的寬度被設(shè)置為200像素，高度被設(shè)置為100像素。背景顏色被設(shè)置為紅色。這樣，<div>元素的寬度和高度就會始終保持為200像素和100像素。
案例二：設(shè)置百分比寬度和高度

如果我們希望<div>元素的寬度或高度能夠適應(yīng)瀏覽器窗口大小的變化，可以使用百分比作為單位。

<div style="width: 50%; height: 50%; background-color: #00ff00;"></div>

輸出： <div style="width: 50%; height: 50%; background-color: #00ff00;"></div>
在上述代碼中，<div>元素的寬度被設(shè)置為瀏覽器窗口寬度的50%，高度被設(shè)置為瀏覽器窗口高度的50%。背景顏色被設(shè)置為綠色。這樣，<div>元素的寬度和高度將會隨著瀏覽器窗口大小的變化而自動調(diào)整。
案例三：設(shè)置自適應(yīng)寬度和高度

有時候我們希望<div>元素的寬度或高度能夠自適應(yīng)其內(nèi)容的大小，不固定死具體數(shù)值。

<div style="display: inline-block; width: auto; height: auto; background-color: #0000ff;">
<p>這是一個示例文本</p>
</div>

輸出： <div style="display: inline-block; width: auto; height: auto; background-color: #0000ff;">

這是一個示例文本

</div>
在上述代碼中，<div>元素的寬度和高度都被設(shè)置為自適應(yīng)，即根據(jù)內(nèi)容的大小自動調(diào)整。背景顏色被設(shè)置為藍色。在<div>元素中我們插入了一個示例文本，可以看到<div>的寬度和高度正好適應(yīng)文本的大小。
綜上所述，我們可以通過CSS樣式表的width和height屬性來設(shè)置<div>元素的長寬。通過設(shè)置固定寬度和高度、百分比寬度和高度或自適應(yīng)寬度和高度，我們可以靈活地控制<div>元素的外觀。在實際應(yīng)用中，我們可以根據(jù)具體需求進行長寬的設(shè)置，以達到最佳的視覺效果。