html表格高度100px,html - 带有display：table样式的嵌套div在IE中不会拉伸到100％高度 - 堆栈内存溢出...

不使用“表格样式”并在IE上工作：

HTML：

Title of the document

header header header header header

left panel
left panel
left

right panel

footer

CSS：

html,body {

background:gray;

margin:0;

padding:0;

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

}

#container {

height:100%;

position:absolute;

width:100%;

}

#header {

background:#FF1493;

top:0;

}

#footer {

background:#87CEEB;

bottom:0;

}

#header, #footer {

position:absolute;

width: 100%;

height: 1.5em;

}

#contentWraper {

position: absolute;

background: black;

width: 100%;

top: 1.5em;

bottom: 1.5em;

}

#content {

background:lightgray;

height:100%;

width:100%;

}

#leftPanel {

vertical-align: top;

background:#F5DEB3;

width:100px;

display: inline-block;

height: 100%;

min-height: 100%;

position: absolute;

top: 0;

bottom: 0;

}

#rightPanel {

background:#9ACD32;

display: inline-block;

height: 100%;

left: 100px;

right: 0;

position: absolute;

}