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

Question

我有以下问题:

我有一个 div，里面有一个表格。这个 div 有一个背景色 black

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

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

现在我遇到了问题，表格比背景长。我怎么能这样说:

让父div长到必须在整个表格后面？

Answer 1

将父 div 的高度设置为 auto。现在 parent 会根据 table 的高度变短变大。

或者，如果您希望它的高度为 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*/