奥里利亚JS - 剑道UI垂直滑块以百分比高度？(Aurelia JS - Kendo UI ve

我已经采取了一个版本发布在代码奥里利亚JS -通过儿童（剑道UI）元素循环？并修改了它咯，在这里：

https://gist.run/?id=323de53223d2ec872f17361378639556

我想基本上想表达的是，垂直滑块应该是封闭的高度的90％ div ; 注意：

如果没有CSS height:规格，滑块得到一些高度，那就是它
如果我设置CSS height （通过div.eqSlider在basic-use.css ，或作为内嵌style属性）在任一px或em ，那么一切都很好
但是，如果我设置CSS height以百分比% （通过div.eqSlider在basic-use.css ，或作为内嵌style属性），或calc(90%-10px)或类似的-则显示完全弄乱起来，如下所示的图像：

那么，它在某种程度上可以将这些滑块的高度设置为封闭的高度的90％ div -如果是这样，怎么样？

好吧，我想我固定它 - 这个问题是因为在这些情况下的典型：在默认情况下，申报单和这样的没有高度定义，其高度系统会根据其内容计算的。由于该示例中的滑块在 procent的内容，而无需任何其它进一步的规范，它们的高度然后要么变得递归的，或者是高度0的百分比。

这就是为什么然后就必须确保从整个链body到封闭div具有以％定义的高度（在本质上，100％，但它可能会显示滚动条）。我想我这样做了前面的例子中-但我做的的CSS的错误：我使用的.example选择（一类），而我应该用#example选择器（一个ID）; 并且打破了嵌套的div的链的高度计算。

我注意到，当我分配边框每在嵌套链的每一个格; 然后可以纠正，以便它们全部定义的高度。一旦所有的div -从而封闭一个-有一个高度，然后将滑块可以得到百分之一的高度，无论是在.css文件，或者从JavaScript分配（通过slider.wrapper.css("height", "50%"); ）

因此，更正后的代码现在是：