Question

在ie6、ie7、ie8中使用Jquery easyui在tabs中添加datagrid，当datagrid的高度大于tabs的高度时溢出

在ie6、ie7、ie8中使用Jquery easyui在tabs中添加datagrid，当datagrid的高度大于tabs的高度时溢出，在firefox、ie9以上版本正常显示
我自己解决了，只要在tabs的“DataGrid”的tab的style中添加“position:relative;”就可以了。
代码如下：
<div class="easyui-tabs" data-options="tools:'#tab-tools'" style="width:700px;height:250px">
<div title="Sub Tabs" style="padding:10px;">
</div>
<div title="DataGrid" data-options="closable:true" style="position:relative;padding:10px">
<table class="easyui-datagrid" data-options="width:500,height:300,singleSelect:true,rownumbers:true">
</table>
</div>
</div>

Answer 1

给外层的大的Div加上一个overflow：hidden

追问

只要在tabs的“DataGrid”的tab的style中添加“position:relative;”就可以了。

Answer 2

兼容了吗？

追问

只要在tabs的“DataGrid”的tab的style中添加“position:relative;”就可以了。