在LESS中计算/检测尺寸

Question

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

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

现在有没有办法（没有javascript）将#div1动态扩展到最大值（380px）？高度：100％会将其扩展到父级的400px。 ＃div1中的溢出内容应滚动。

我是LESS的新手，希望有可能（例如child1.height =＃parent.height-＃child2.height）？

Answer 1

我知道你说你不想要javascript，但不确定你是不是想要原始的JS或者你甚至不想要嵌入式JS，如果你不介意嵌入逻辑你可以使用javascript来填充LESS中的变量，如下所示：

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

语法可能不正确，因为我无法做到这一点，但这样的事情应该有用。

Answer 2

如果您使用的less.js不支持* .less文件中的JavaScript评估，请转到服务器端LESS实现。