<div> 套 <iframe> 是一種常見的網頁布局技巧。通過將 <iframe> 元素放置在 <div> 元素中，可以實現頁面上不同區域的內容劃分和獨立加載。

在網頁設計中，<div> 元素被用來劃分頁面的不同部分，以便對其進行樣式化和定位。而 <iframe> 元素則可以用來嵌入其他網頁或展示來自不同源的內容。將 <iframe> 元素放置在 <div> 元素中，就可以實現在一個頁面中同時展示多個獨立的網頁或內容塊。

下面有幾個代碼案例來詳細解釋：

案例一：

<div id="container">
<iframe src="page1.html"></iframe>
<iframe src="page2.html"></iframe>
</div>

上述代碼中，通過在 <div> 元素中嵌套兩個 <iframe> 元素，分別引入了 page1.html 和 page2.html 兩個網頁。頁面加載時，這兩個網頁將會同時顯示在 <div> 區域內。這種方式可以方便地實現網頁中多個模塊的布局。

案例二：

<div id="container">
<iframe src="https://www.example.com"></iframe>
</div>

上述代碼中，將一個外部網頁 https://www.example.com 嵌入到 <div> 元素中。頁面加載時，該外部網頁將會在 <div> 區域內顯示。這對于在當前網頁中展示其他網站的特定內容非常有用。

案例三：

<div id="container">
<iframe srcdoc="<style>h1 { color: red; }</style><h1>Hello!</h1>"></iframe>
</div>

上述代碼中，通過在 <iframe> 的 srcdoc 屬性中嵌入 HTML 和 CSS 代碼，可以在 <div> 區域內顯示自定義的內容。這種方法可以在網頁中動態地生成一些定制化的內容塊，而無需引入外部頁面。

綜上所述，<div> 套 <iframe> 是一種通用的網頁布局技巧，可以實現頁面上的內容隔離和模塊劃分。通過合理利用 <div> 和 <iframe> 元素，可以實現豐富多樣的網頁布局和內容展示。在實際應用中，可以根據自己的需求靈活運用這種技巧。