IE浏览器不允许设置机身高度

Question

我有以下这是一个大多数的CSS可滚动表。 在Chrome和Firefox中效果很好，但不会在IE 9中设置tbody元素的高度。

http://jsfiddle.net/BvPNK/3/

function scrollify(table,height){

   table.find('thead').addClass('fixed_header');
   table.find('tbody').addClass('scroll_content').height(height);
   $('<div/>').addClass('table_wrap').appendTo(table.parent()).append(table);

} 

CSS

.fixed_header th,tbody.scroll_content td{
   display:block;
   float:left;
   width:3em;/*this is dynamically set in full function*/
}
.table_wrap{
    float:left;
}
.fixed_header tr{
     position:relative;

}
.scroll_content{
    display:block;
    overflow-y:scroll;
    overflow-x:show;
}

Answer 1

似乎这只是IE不尊重tbody（或有关该表的height css属性的问题。 我一生无法为IE中的表格或tbody元素设置高度。 您可以在此答案中看到，最后一条评论提到它不适用于IE。

Answer 2

要设置ein元素的css高度，应使用css-function。 高度函数应用于做数学运算。

您在第二个小提琴中做了正确的选择。 如果执行此操作，则应使用字符串作为参数来调用函数，然后调用单元：

scrollify($('table'), "300px");

编辑：似乎确实与高度和ie9有关。 innerHeight虽然应该工作。

我更新了小提琴： http : //jsfiddle.net/BvPNK/10/