html - 使用 % 时让 CSS 跳过 div

Question

我有以下代码:

<middle-panel-file checked="data.checked" class="ng-isolate-scope">
<div ng-show="checked.length() == 1" class="" style="height:  100%;">
<div ng-show="checked.getSingleFile()" class="" style="height:  100%;">
<div class="k-tabstrip-wrapper" style=" height:  100%;">
<div kendo-tab-strip="" data-role="tabstrip" tabindex="0" class="k-widget k-header k-tabstrip" role="tablist" style="height:  100%;">
<div ng-repeat="tab in tabs" style="padding: 5px; display: block;height: 100%;box-sizing: border-box;" class="ng-scope k-content k-state-active" id="8251f46a-2f98-4c4a-aebd-c747a9128c85-1" role="tabpanel" aria-expanded="true">

只有最深的元素有可见的内容，我希望它是最顶层元素的 height 的 100%。有没有一种方法可以做到这一点，而无需像我所做的那样在每个 div 上也放置该样式？

编辑:抱歉，我忘了提到 Kendo 会覆盖高度样式，但通常不会显示样式，所以 this question 中的问题可能是一个解决方案，但我无法找出表格显示样式的正确组合。

Answer 1

你有没有试过这样的事情:

#topmost-element div {
    height:100%;
}

这应该使最顶层元素中的所有 DIV 的高度都为 100%。