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

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

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

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

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

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

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

<p><div style="background-color: lightblue;">這是一個div元素，它的高度根據其內容的高度自動調整</div></p>

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