css布局高度自适应

Question

我有一个页面，其中包含标题，内容和页脚。

我在内容区域放了一张桌子。该表将占用内容区域的100％。 如果我调整屏幕大小，表格将自动收缩和展开。我可以看到全桌。一切都很好。

现在，如果我在表格上放一个表格（假设表格高度为20px），那么表格将不会完全可见（底部的20px已经消失）。似乎表格不知道新添加的表格，高度仍然是根据整个内容区域的高度计算的。

该页面是由某个框架生成的，我只想知道css属性控制这种行为的方式，这样我就可以查看它并使表格再次完全可见。

添加更多信息：

有很多div用于模拟表格，我可以使用calc控制根div的高度（100％ - 47px）

其中一个子div有错误的高度，从开发工具它说高度是继承的（如果我没有错），为什么它没有从root / parent div继承