Div用绝对填充父级的剩余高度

Question

我需要一个div，其高度是其父级的剩余部分。

Like this fiddle

CSS：

.h_100
{
    height:100%
}

body, html
{
    margin:0; 
    padding:0;
    height:100%;
}

.table
{
    width: 100%;
    display: table;
}

.table_row
{
    width: 100%;
    display: table-row;
}

但它似乎在IE中起作用

有任何建议如何解决我的问题？

Answer 1

我不确定你在寻找什么。但这显示了如何使用绝对定位的包装器，其中包含一个表格div来自动填充包装器。

http://jsfiddle.net/hyvgy36s/1/

#wrapper {
    position:absolute;
    top: 10px;
    bottom: 0;
    left:0;
    right:0;
}
#container {
    display:table;
    width: 400px;
    height: 100%;
}

Answer 2

这是一个有效的例子。

#container {
    display:table;
    width: 400px;
    height: 100%;
    position:absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
}