css - 垂直表格样式 div 排列中的内容

Question

我有一些 div 应该占据页面的整个高度。我设法让这个工作，因为我需要。（一些固定的行和一些灵活的行）就像在一个 html 表中。

我从这里的其他问题之一中得到了解决方案：

像 HTML 表格中的表格单元格一样在 css 中布局 div

今天我不得不在灵活行内添加一个 div，它应该占灵活行高度的 100%。这在所有主要浏览器中都很好用。Muahaha 那是一个很好的笑话，不是吗？当然，这在 IE 中无法按预期工作，请参阅我的 js fiddle：

<div class="tableContainer">
<div class="row rowA">
    <div class="cell">Test</div>
</div>
<div class="row rowB">
    <div class="cell">Test</div>
</div>
<div class="row rowC">
    <div class="cell">Test</div>
</div>
<div class="row rowD">
   <div class="cell testcell">
       <div class="testcontent">Test</div>
   </div>
</div>
<div class="row rowE">
    <div class="cell">Test</div>
</div>
</div>

http://jsfiddle.net/7ewEJ/3/

ie 似乎从页面中获取“100%”，而不是从封闭的灵活表格行中获取。所以蓝色 div 应该占据 purble 表行的整个空间。

• 我做错什么了吗？
• 这可能是ie高度计算中的错误吗？

Answer 1

http://jsfiddle.net/7ewEJ/5/

div.testcell{
height: 100%;
width: 100%;
min-width: 1px;
min-height: 1px;
/*background: #fff;*/
align: center;
display: block;

}