我有一个 Quasar 布局和一个组件，我需要填充q-page-container元素高度的 100% 。问题是容器没有完全展开以覆盖整个高度（与抽屉不同，抽屉使用绝对定位）。
我见过的所有解决这个问题的 CSS 技巧都会干扰父容器的属性，我不愿意这样做以确保我不会破坏内部 Quasar 布局所需的任何属性。将div容器的孩子设置为height: 100%没有影响，将其设置为绝对值，例如100px正确设置高度，但我需要它来适应浏览器视口。
我已经设置了一个小提琴来说明这里的问题。
在这种情况下，我想#troublemaker填充其容器的整个高度 - 或者更确切地说，它的祖父减去标题高度，因为父容器只是扩展到内部的任何内容。
PS：CSS 布局和定位对我来说似乎总是违反直觉，所以如果有人对资源有一些好的建议来学习如何更好地理解它的逻辑，我将不胜感激！