html iframe 自适应高度宽度,给iframe设置尺寸自适应为什么高度那么怪？？

$(document).ready(function(){

$("#aaa").load(function(){

//$(this).width(0); //用于每次刷新时控制IFRAME宽度初始化

// $(this).height(0); //用于每次刷新时控制IFRAME高度初始化

var width = $(this).contents().find("#con").width() ;

var height = $(this).contents().height() ;

$(this).width( width ); //设置iframe的宽度

$(this).height( height); //设置iframe的高度

});

});

希望iframe的高度和其包含的页面的body高度一样，宽度和其包含页面的一个元素宽度一样；

但是下图调尺寸后的iframe显示的提示框比原页面的提示框偏上？？为什么

问题2：给iframe元素设置height=“100%”导致iframe的高度是提示框的高度？？什么情况？？

原页面hint_initialize.html：

设置iframe尺寸后的样子：