<div>標簽是HTML中最常用的容器元素之一，用于將其他HTML元素組織在一起，并為其提供樣式和結構。在<div>標簽的內部，我們可以放置各種內容，包括文字、圖像、鏈接和其他HTML元素等。而<iframe>標簽則是HTML中用于嵌入其他網頁或文檔的標簽。當我們需要在當前網頁中展示其他網頁的內容時，可以使用<iframe>標簽來實現。
下面我們來看幾個案例，詳細說明<div>和<iframe>之間的關系和使用方法。
案例一：在<div>中嵌入一個<iframe>元素
使用<div>和<iframe>標簽，我們可以在當前網頁中嵌入另一個網頁。例如，我們要在一個<div>容器中展示一個名為"example.html"的網頁，可以使用如下代碼：

<p><div></p>
<p><iframe src="example.html"></iframe></p>
<p></div></p>

在上述代碼中，<iframe>標簽的src屬性指定了要嵌入的網頁路徑"example.html"。通過將<iframe>標簽放置在<div>標簽的內部，我們可以將該網頁作為<div>容器的一部分展示出來。
案例二：控制<iframe>的尺寸和樣式
通過<div>和<iframe>的組合，我們可以靈活地控制嵌入網頁的尺寸和樣式。例如，我們要設置一個寬度為500px、高度為300px的<div>容器，并在其中展示一個寬度和高度與容器相同的<iframe>，可以使用如下代碼：

<p><div style="width: 500px; height: 300px;"></p>
<p><iframe src="example.html" style="width: 100%; height: 100%;"></iframe></p>
<p></div></p>

在上述代碼中，<div>標簽的style屬性用來設置容器的尺寸，其中width屬性設置寬度，height屬性設置高度。而<iframe>標簽的style屬性也用來設置其自身的寬度和高度，通過將width和height屬性的值設置為"100%"，<iframe>將自動適應容器的尺寸。
案例三：在<iframe>外面使用<div>標簽進行樣式包裹
有些情況下，我們可能希望在<iframe>外面再套一層<div>標簽，以便為<iframe>和其外部元素提供額外的樣式和布局。例如，我們要為名為"example.html"的嵌入網頁添加一個背景色為灰色的<div>容器，可以使用如下代碼：

<p><div style="background-color: gray;"></p>
<p><iframe src="example.html"></iframe></p>
<p></div></p>

在上述代碼中，我們使用<div>標簽的style屬性為容器設置了背景色為灰色。通過將<iframe>標簽放置在<div>標簽的內部，<iframe>將被包裹在外層<div>容器的樣式之下，從而實現了外部樣式的包裹效果。
通過以上案例，我們可以看到<div>和<iframe>之間的關系和用法。<div>作為容器元素，提供了一種將其他HTML元素組織在一起的方式；而<iframe>作為嵌入元素，可以將其他網頁或文檔嵌入到當前網頁中。通過靈活運用<div>和<iframe>的組合，我們可以實現各種樣式和布局效果，并豐富網頁內容的呈現。