<div>標簽是HTML中用于創建一個獨立的區塊的元素，廣泛應用于網頁布局中。通過設置div元素的長寬，我們能夠靈活控制網頁中元素的布局和排列。本文將詳細介紹如何使用CSS代碼來設置<div>元素的長寬。

，我們可以使用CSS的width屬性來設置<div>元素的寬度。width屬性可以接受不同類型的值，如像素（px）、百分比（%）或者是自適應寬度（auto）。

如果我們想要將<div>元素的寬度設置為固定的像素值，我們可以使用像下面這樣的CSS代碼：

div {
width: 200px;
}

上述代碼將會把<div>元素的寬度設置為200像素。

如果我們希望<div>元素的寬度根據父元素的寬度進行調整，我們可以使用百分比來設置寬度。

div {
width: 50%;
}

上述代碼將會把<div>元素的寬度設置為其父元素寬度的50%。這樣一來，無論父元素的寬度是多少，<div>元素的寬度都會相應地進行調整。

此外，我們還可以使用CSS中的auto值來自動調整<div>元素的寬度。auto值可以在不同場景中產生不同效果。

舉個例子，如果我們將一個<div>元素的寬度設置為auto，并且將其包含的內容設置為一個較長的文本：

<div>
This is a long text that will take multiple lines.
</div>

div {
width: auto;
}

那么該<div>元素的寬度將會自動根據內容的長度進行調整，以適應文本可以換行的需要。這樣一來，<div>元素將會變成一個自適應寬度的容器。

綜上所述，通過設置<div>元素的width屬性，我們可以靈活地調節其寬度，使其適應不同的布局需求。無論是固定像素寬度、相對父元素的百分比寬度，還是自適應寬度，我們都可以通過簡單的CSS代碼來實現這些效果。