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; 
} 

但dosent似乎在IE

任何建議如何解決我的問題的工作？

Answer 1

這是一個工作示例。

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

Answer 2

我不確定你在找什麼。但是這顯示瞭如何使用一個絕對定位的包裝器以及其中的表格div來自動填充包裝器。

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

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