html表格高度100px,html – 使用display显示div：table具有父div的100％高度

我正在尝试使用display创建一个div：table fill 100％的父div.这是div结构：

这是CSS：

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

#container { min-height:100%; position:relative; }

#header { background:#ff0; padding:10px; }

#body { padding:10px; padding-bottom:60px; }

#footer { position:absolute; bottom:0; width:100%; height:60px;background:#6cf;

}

#mytablediv { display:table; }

#row { display:table-row; }

#left, #content, #right {display:table-cell;}

#left, #right {background-color:red;}

这是我的完整代码.现在,我真正想为#mytablediv做的是填充页眉和页脚之间的整个空白区域.