jquery tabs中使用iframe后tabs高度怎么调整

jquery tabs中使用iframe后tabs高度如何调整
在jquery ui tabs中直接使用

<li><a href="#content2">Proin dolor</a></li>

时，tabs会根据加载的内容调整高度。但换成iframe后高度怎么调也调不了了。 请各位大虾帮助解决。感激不尽。 代码如下：

<div id="tabs" class="hidden">
	<ul>
		<li><a href="#content1">接口速率</a></li>
		<li><a href="#content2">Proin dolor</a></li>
		<li><a href="#content3">Aenean lacinia</a></li>
	</ul>
	<div id="content1" >   
  <iframe src="content1.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="auto"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content2" >   
  <iframe src="content2.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content3" >   
  <iframe src="content3.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div> 
</div>