html - 在 LESS 中计算/检测尺寸

Question

我有以下问题:我有两个 div，嵌套在另一个 div 中。

<div id="parent" style="height: 100%;">
    <div id="child1">bla</div>
    <div id="child2" style="height: 20px;">bla</div>
</div>

现在有没有办法(不使用 javascript)将 #div1 动态扩展到最大值(380px)？ height: 100% 会将其扩展到父级的 400px。 #div1 中溢出的内容应该滚动。

我是 LESS 的新手，希望它可以实现(例如 child1.height=#parent.height-#child2.height)？

Answer 1

我知道你说过你不想要 javascript，但不确定你是指原始 JS，还是你甚至不想在 less 中嵌入 JS，如果你不介意嵌入逻辑，你可以像这样使用 javascript 在 LESS 中填充变量:

@desiredHeight = getElementById("parent").style("height") - getElementById("child2").style("height");
#child1 { height: @desiredHeight; }

语法可能不正确，因为我是凭空想出来的，但类似的东西应该有用。