在 CSS 中动态设置 div 高度 [重复]答案

【问题标题】：Dynamically setting div height in CSS [duplicate]在 CSS 中动态设置 div 高度 [重复]
【发布时间】：2019-08-05 22:32:16
【问题描述】：

我的 CSS 中有以下代码：

div.h120 {
    height: 120px;
}

是否可以动态地设置它，这样如果我在 div 中放置一个类 h150，它现在有 高度 150px？

实现这一点的一种方法是为每个可能的高度值创建一个类，但我想知道是否有更好的方法。

感谢您的关注。

【问题讨论】：

您在寻找响应式网站吗？还是您正在寻找能够更改 div 高度的用户/客户端？
如果不明确地写出所有的纯 CSS，你是无法做到这一点的。你需要求助于 scss/sass 或 javascript
嘿@JD333 我在 Python Bokeh 中制作了一个仪表板，我将通过 json 发送所有图表信息以供前端团队使用。我想发送一个 CSS 来根据显示的类别数量调整一些图表高度。是的，我希望它具有响应性。
知道了@sertsedat，我会研究一下。谢谢

标签： html css

【解决方案1】：

您可以为此尝试使用 scss/sass 创建函数来为您生成类：

div{
  @for $j from 1 through 200 {
        &.h#{$j}{
            height: ($j + px);
        }
    }
 }

【讨论】：