尝试将子组件的高度设置为祖先的高度

问题描述 投票:0回答:1

我设置了渲染的组件,如下图所示。

enter image description here

这是MainComponent,它使用类'content'渲染div

<shared-top-control-bar></shared-top-control-bar>
<div class="content">
  <router-outlet></router-outlet>
</div>
<shared-footer-bar></shared-footer-bar>

带有类内容的div被正确报告,高度为907px。

呈现PointOfSale(应用程序销售点)组件时,其内容的高度约为6.4k px,因此应用程序销售点的高度为6.4k px。因此,当将pos-wrapper div的高度设置为100%时,当我真的希望高度为907px时,它将高度设置为6.4k px。

我对CSS和angular非常陌生。我可以只使用一个服务来跟踪高度并将该服务注入需要它的组件。只想看看是否有CSS方式即可。

谢谢

css angular
1个回答
0
投票

在嵌套组件中,如果您制作的div的样式为100%,它将占用父容器的高度。https://stackblitz.com/edit/angular-17vrmg看一下这个例子。


推荐问答