时间戳

首页 > 解决方案 > CSS 使用 calc() 计算高度

css - CSS 使用 calc() 计算高度

问题描述

我想计算一个元素的最小高度，做这样的事情：

min-height: calc(50vh - height-of-other-element);

其中 height-of-other-element 是可以使用 angular *ngIf 渲染或不渲染的元素的高度。

我怎么解决这个问题？

标签： cssangularheight

解决方案

我建议您通过ngIf. 基本上你可以创建 2 个 css 类，一个带有min-height: calc(50vh - height-of-other-element);，另一个只带有min-height: 50vh. 然后在您的 HTML 中，使用类似ngClass的方法为您的 div 选择正确的类。

您可以查看这个问题以查看一些示例：Angular: conditional class with *ngClass

推荐阅读