表：行中单元格的高度相同

问题描述

| 我正面临以下问题。我有一个基于表的布局的旧应用程序。 在一种情况下，我有嵌套的表格，其中我希望同一行中的两个内部表格具有相同的高度。 看这里： http://jsfiddle.net/q6aZ3/ 我希望绿色和红色内部桌子的高度相同。 希望有人能帮忙。

编辑： 内部表的高度必须灵活，仅在此示例中，我对其中一个内部表使用了固定的with，这不是正常情况。     

解决方法

        如上所述，关于一个表而不是另一个表的高度，您可以将所需的高度添加到父表

tr

上，然后将两个嵌套表（带有绿色和红色背景的表）留在

height = 100%

上，它们都已经通过HTML拥有了也是属性

<table>
   <tr style=\"height: 400px;\">...
     ....

   <table style=\"background:green\" width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
    ....

   <table style=\"background:red\" width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">

http://jsfiddle.net/clairesuzy/q6aZ3/4/     ,        发生这种情况是因为红色的

table

具有内联CSS

height:400px

。也为红色

table

添加

height:400px

，它们将具有相同的高度。 演示：http：//jsfiddle.net/q6aZ3/1/     ,        正如Sotiris提到的，这是因为您在其中一个内联声明了高度；但不是第二个。如果您要使它们都可变高度并使它们始终处于相同高度，则可以使用一些JavaScript：

$(document).ready(function() {
    var green = $(\'#ext-gen1611\'),red = $(\'.newframeContainer\');
    if(red.height() > green.height()) {
        green.height(red.height());
    } else {
        red.height(green.height());
    }
});