html - 如何使用里面的动态表将我的高度设置为 100%？

Question

我有以下问题：

我有一个div里面有一张桌子。这个 div 有背景颜色black

现在我发出 AJAX 请求并获取一些附加到表中的数据：

$("#MyTable").append('<tr><td>' + value.myText + '</td></tr>');

现在我发现了这个问题，桌子比背景长。我该怎么说：

使父 div 只要它必须在整个表的后面？

Answer 1

将父 div 的高度设置为auto. 现在父母会根据桌子的高度变得又短又大。

或者，如果您希望它具有高度，100%那么首先您需要将其所有父容器的高度设置100%为该父容器的高度。因此，如果这是最外层的父级，那么这可能是您应用的 CSS：

html, body { height: 100%; }   /*THE MOST OUTER PARENT*/
parent { height: 100%; }       /*THE SECOND MOST OUTER PARENT*/
parent table { height: 100%; } /*THE TABLE*/