<div>元素是HTML中最常用的布局元素之一。它的作用是將HTML文檔劃分為多個獨立的區(qū)塊，并控制這些區(qū)塊的顯示和位置。默認(rèn)情況下，<div>元素是一個塊級元素，它會在文檔中創(chuàng)建一個新的矩形區(qū)域，并單獨占據(jù)一行。通過給<div>元素添加樣式或class屬性，我們可以對其進行進一步的布局和設(shè)計。
<div>元素的默認(rèn)布局行為主要包括以下幾個方面： 1. 占據(jù)整行：默認(rèn)情況下，<div>元素會創(chuàng)建一個新的矩形區(qū)域，并獨占一行。下面的例子展示了兩個<div>元素的效果，第一個元素占據(jù)一整行，第二個元素則創(chuàng)建了一個新行。

<p><div>這是第一個div元素</div></p>
<p><div>這是第二個div元素</div></p>

2. 垂直排列：當(dāng)我們把多個<div>元素放在一起時，它們會自動排列在垂直方向上。下面的例子展示了三個垂直排列的<div>元素。

<p><div>這是第一個div元素</div></p>
<p><div>這是第二個div元素</div></p>
<p><div>這是第三個div元素</div></p>

3. 默認(rèn)寬度：<div>元素的默認(rèn)寬度是其父元素的100%。如果沒有給<div>元素設(shè)置具體的寬度，它將會自動填充整個父元素的寬度。下面的例子展示了一個<div>元素自動填充整個父元素的寬度。

<p><div style="background-color: lightblue;">這是一個div元素，它會自動填充整個父元素的寬度</div></p>

4. 默認(rèn)高度：<div>元素的默認(rèn)高度是根據(jù)其內(nèi)容的高度自動調(diào)整的。如果沒有給<div>元素設(shè)置具體的高度，它的高度將會隨著內(nèi)容的變化而自動調(diào)整。下面的例子展示了一個<div>元素根據(jù)其內(nèi)容的高度自動調(diào)整的效果。

<p><div style="background-color: lightblue;">這是一個div元素，它的高度根據(jù)其內(nèi)容的高度自動調(diào)整</div></p>

綜上所述，默認(rèn)情況下，<div>元素會在文檔中創(chuàng)建一個新的矩形區(qū)域，并且具有一些默認(rèn)的布局行為，例如占據(jù)整行、垂直排列、默認(rèn)寬度和默認(rèn)高度。我們可以通過給<div>元素添加樣式或class屬性，進一步調(diào)整和定制其布局和設(shè)計，從而滿足不同的需求。