Firefox 和 IE 中的 jQuery UI 可调整大小错误()

我正在为一家公司构建 HR 模块，使用具有动态内容的可排序表格。项目完成后，客户要求调整 table 的垂直尺寸。我将 jQuery UI resizing() 应用于主表所在的 div。它在 Safari 和 Chrome 中工作得非常好，但是当在 Firefox 或 IE 中调整包装器 div 的大小时，表格的高度保持不变，并且不会扩展到 div 的尺寸.

简化的标记如下所示:

<div id="list"> 
    <div class="table-container"> 
        <table> 
            (blablabla, this is a sortable table with clickable th's and about 10 columns) 
        </table> 
    </div> 
</div> 

样式是:

#list { 
    width: 1150px; 
    height: 180px; 
    float: left; 
    overflow: hidden; 
    border: 1px solid #aeaeae; 
} 
 
#list .table-container { 
    width: 1145px; 
    height: 175px; 
} 
 
#list table { 
    width: 100%; 
    height: 100%; 
    float: left; 
} 
 
#list table td { 
    height: 20px; 
    vertical-align: middle; 
} 

我尝试对每个元素使用各种溢出、位置和显示值，但结果并没有任何改善。 jQuery 部分是:

$(document).ready(function() { 
    $("#list .table-container").resizable({ alsoResize: "#list", handles: "s" }); 
}); 

Firefox/IE 真的存在这样的问题吗，还是我做错了什么？

请您参考如下方法:

在 Firefox 9.0.1 中测试了您的代码。 找不到问题。

随着 div 大小的调整，表格高度确实发生了变化。

我发现表格可以在 Firefox、IE 和 Chrome 上正确调整大小。

我不认为FF或IE有什么问题。 猜猜你的代码中的其他东西正在影响它。