jQueryプラグイン iframe-auto-height を使って、iframeの高さ調整。
[iframeをロード]をクリックすると、下のdivのエリア(水色)にiframeを生成して、外部ファイルを読み込みます。読み込んだ要素の高さに合わせて、iframeの高さを調整してくれます。
[iframeを変更]クリックで、比較用として高さの違う外部ファイルを読み込みます。なお、iframe生成は、
[iframeをロード]のみなので、最初から
[iframeを変更]をクリックしても表示されません。また、iframe内のリンクから、コンテンツ表示を変更させた場合も高さが調整されます。