Question

我面临以下问题。我有一个基于表格布局的遗留应用程序。

在一种情况下，我有嵌套表，我希望在同一行中的两个内部表具有相同的高度。

见这里：

http://jsfiddle.net/q6aZ3/

我希望绿色和红色内表的高度相同。

希望有人可以提供帮助。

修改内部表的高度必须是灵活的，只有在这个例子中我使用了一个固定的内部表，这不是正常的情况。

Answer 1

如上所述，关于一个表上的高度而不是另一个表上的高度，您可以将所需的高度添加到父tr上，然后将两个嵌套表（具有绿色和红色背景的表）保留在{{ 1}}它们都已经通过HTML属性获得了

height = 100%

http://jsfiddle.net/clairesuzy/q6aZ3/4/

Answer 2

这是因为红色table具有内联css height:400px。也为红色height:400px添加table，它们的高度也相同。

演示：http://jsfiddle.net/q6aZ3/1/

Answer 3

正如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());
    }
});

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

3 个答案: