拉伸嵌套元素的高度

Question

我有一个HTML页面，里面有一些嵌套的div（简单的div和md-card） 如下图所示：

我为HTML页面和正文设置了100％的高度， div（或md-card）给出了100％的高度或继承。

当我拉伸页面时，我有像上面图像一样的底部边距（我在资源管理器（chrome）代码中看不到任何真实的＆＃39;底部边距＆＃39;）

如何获得像img：

这样的完整父级大小