Css Primeflex+；底漆标签+；素描树-无法使tabPanel增长

有人能帮我布置一下这些涂底漆的部件吗

我希望有一棵树占据整个垂直空间（底部减去按钮集），如果需要可以滚动。树被放置在选项卡面板内

提前谢谢

---

您也可以添加这种CSS

.p-tree {
  height: calc(100vh - 300px);
  overflow: auto;
}

但是为了应用它，您必须在组件定义中声明

封装：ViewEncapsulation.None

。看

或者您只需添加CSS：

:host ::ng-deep .p-tree {
  height: calc(100vh - 300px);
  overflow: auto;
}

---

是否希望您的

选项卡面板

占据整个可用高度？是；我已经通过将p-tabView显示从block更改为flex并使高度为100%实现了这一点；但是选项卡标题的位置不正确；将flex-direction:column添加到p-tabView有帮助-现在我需要使p-tree增长以填充空间为什么在app.component.css中为.p-tabView{display:flex}设置样式无效？请尝试使用

：host:：ng deep.p-tabView{display:flex}

thx；现在我知道了角型隔离…它很有效，谢谢；我想，如果我不想计算它，而是让它灵活增长，那么还有更多的工作要做？是的，确实如此，但现在，你知道如何处理启动CSS：）使用flexbox似乎是可以撤销的：(