iframeの高さを自動設定
iframeで呼び出すHTMLの高さを取得しiframeでの高さを自動調整
親に設定する方法
jQuery
$(function () {
$('iframe').load(function(){
// iframeの高さを取得
var iframe_height = $(this).contents().find('body').outerHeight(true);
// iframeに高さを設定
$(this).css('height', iframe_height + 'px');
});
});
子（iframe）に設定する方法
jQuery
$(function () {
// iframe自身の高さを取得
var iframe_height = $('body').outerHeight(true);
// iframeに高さを設定
$('iframe', parent.document).css('height', iframe_height + 'px');
});
height（padding 含まない、border-width 含まない、margin 含まない） innerHeight（padding 含む、border-width 含まない、margin 含まない） outerHeight（padding 含む、border-width 含む、margin 含まない） outerHeight(true)（padding 含む、border-width 含む、margin 含む）
