<div>滾動重疊是一種在網頁設計中常見的效果，它允許用戶在一個固定大小的區域內滾動內容。這意味著當內容超過區域的可見部分時，用戶可以通過滾動條來查看隱藏的內容。這種效果可以通過使用CSS和HTML中的<div>元素來實現。

<div>標簽是HTML中的一個塊級元素，它可以用于創建一個獨立的區域，并在其中放置其他HTML元素。通過設置CSS屬性和值，我們可以控制<div>元素的外觀和行為。
下面是一些代碼案例，演示了如何使用<div>元素來創建滾動重疊效果。
案例1：垂直滾動

<div style="width: 200px; height: 150px; overflow: scroll;">
<p>這是一個很長的文本，需要滾動來查看隱藏的內容。</p>
<p>這是另一個文本，也很長，需要滾動來查看隱藏的部分。</p>
</div>

在這個案例中，我們創建了一個固定寬度和高度的<div>元素，并設置了overflow屬性的值為scroll。這表明<div>元素的內容超出了可見區域，會顯示滾動條以便用戶查看隱藏的內容。
案例2：水平滾動

<div style="width: 200px; height: 150px; overflow-x: scroll;">
<p>這是一個很寬的文本，需要水平滾動來查看隱藏的內容。</p>
<p>這是另一個寬度很大的文本，也需要水平滾動來查看隱藏的部分。</p>
</div>

在這個案例中，我們設置了overflow-x屬性的值為scroll，這意味著<div>元素的內容水平方向上超出了可見區域，會顯示水平滾動條。
案例3：隱藏滾動條

<div style="width: 200px; height: 150px; overflow: hidden;">
<p>這是一個很長的文本，但是滾動條被隱藏了，用戶無法滾動查看隱藏的內容。</p>
</div>

在這個案例中，我們設置了overflow屬性的值為hidden，這意味著滾動條被隱藏了，用戶無法滾動來查看隱藏的內容。
通過這些案例，我們可以看到，<div>滾動重疊可以通過調整CSS屬性來實現不同的效果。可以根據需求使用這些代碼示例，來實現滾動重疊的效果，提高網頁設計的交互性和用戶體驗。