EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

tabs代码如下：

<div id="tabs" class="easyui-tabs"> 
<div title="tabs1"> 

tabs1 

</div> 
<div title="tabs2"> 

tabs2 

</div> 
</div>

如果id="tabs"的div未设置宽度和高度，easyUI默认的宽度和高度是auto，这样在google浏览器下显示正常，但是在IE下默认不显示任何内容，并且和dialog还有冲突（dialog无法弹出窗口）。

无奈去google搜索，找到一个解决方法如下：
1. 去掉div里的class="easyui-tabs"
2. 加上一段JS

<script type="text/javascript"> 
$(function(){ 
$("#tabs").tabs({ 


width:$("#tabs").parent().width(), 


height:$("#tabs").parent().height() 

}); 
}); 
</script>

加上这段代码后，发现容器会很高，因为他获得是父容器的height
解决方法：
JS修改为

$('#tabs').tabs({ 
width: $("#tabs").parent().width(), 

height: "auto" 
});

Ok，搞定