HTML表格,高度为100％,行数高度相等.如何使它成为可能？

概述请通过 this fiddle查看到目前为止我尝试过的内容. <div class="outer"> <div class="inner"> <table style="background-color: red; width:100%; height:100%;"> <tr style="background-color: red; width:1 请通过 this fiddle查看到目前为止我尝试过的内容.

<div >    <div >        <table >            <tr >                <td>name</td>            </tr>            <tr >                <td>Nirman</td>            </tr>            <tr >                <td>Nirman</td>            </tr>            </table>    </div></div>

我需要显示占用div的全高度的这个表,并且该表的行应该在高度上相等以占据整个表的空间.
这意味着,桌子的高度应该是div高度的100％.
每行的高度应为div高度的30％.

知道怎么做到这一点？此外,我想要一个适用于大多数浏览器的解决方案,至少从IE 8开始.

任何帮助都非常感谢.

解决方法 在内部div类的样式中,将min-height：100％更改为height：100％.
这就是你所需要的！

(这是因为最小高度不能继承)

这是jsfiddle

总结

以上是内存溢出为你收集整理的HTML表格,高度为100％,行数高度相等.如何使它成为可能？全部内容，希望文章能够帮你解决HTML表格,高度为100％,行数高度相等.如何使它成为可能？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。