在編寫Web頁面時，HTML溢出滾動代碼是非常有用的。溢出滾動指的是當元素中的內容超出了容器的寬度或高度限制時，將自動生成一個滾動條以便于用戶查看內容。

代碼示例：
<div style='width:200px; height:100px; overflow:auto;'>
<p>這是一個超出容器限制的文本。這是一個超出容器限制的文本。這是一個超出容器限制的文本。</p>
</div>

在上面的代碼示例中，我們使用了<div>標簽來創建一個容器，并設置了其寬度和高度為200px和100px。我們還在<div>標簽中使用了style屬性，將overflow屬性設置為auto。

這樣設置后，當<p>標簽中的內容超出了容器的寬度或高度限制時，一個滾動條將自動生成，用戶可以通過滾動條來查看超出部分的內容。

除了使用<div>標簽外，我們還可以使用<iframe>標簽來創建一個帶滾動條的框架。示例代碼如下：

代碼示例：
<iframe src='http://www.example.com' style='width:200px; height:100px; overflow:auto;'></iframe>

與上面的示例類似，我們使用了<iframe>標簽來創建一個容器，并指定其src屬性為一個外部鏈接。同樣地，我們也在<iframe>標簽的style屬性中將overflow屬性設置為auto，以便溢出時自動生成滾動條。

在實際應用中，根據需要選擇合適的容器類型和設置合適的樣式，可以完成各種不同類型的溢出滾動效果。