Question

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

我从其中一个问题中找到了解决方案：

Layout divs in css like table cells in HTML Tables

今天我必须在灵活行中添加一个div，它应该占灵活行的100％高度。这适用于所有主流浏览器。那个笑话的Muahaha不是吗？当然，这在IE浏览器中看不到我的js小提琴：

<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 table row的整个空间。

我做错了吗？
这可能是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;

}

垂直表格式div安排中的内容

1 个答案: