Html 使用%时使CSS跳过div

我有以下代码：

<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">

只有最深的元素有可见的内容，我希望它的高度是最上面元素的100%。有没有一种方法可以做到这一点，而不必像我一样在每个div上都使用这种风格

---

编辑：抱歉，我忘了提到剑道覆盖高度样式，但通常不覆盖显示样式，因此中的问题可能是一个解决方案，但我无法找出表格显示样式的正确组合。

您是否尝试过类似的方法：

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

---

这将使最顶层元素中的所有div都具有100%的高度。

使用css文件并写入div{height:100%}？对不起，我应该指定一些选项卡内容也包含div；我可以使用您的建议，在选项卡内容中添加一些样式，但如果更改了它们的内容，可能会导致问题。有没有一种方法可以使用[问题]中的表格显示来实现这一点？W3School并不是很明确我应该使用哪一个表单元格/行/列显示值。剑道也会覆盖ng repeat元素的高度值，并且剑道在被覆盖时可以是芬尼基的。这一点不确定，但是像这样覆盖tabs:topmost元素中的任何div怎么样？tab div{height:auto；}