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％的高度。

使用％时让CSS跳过div

1 个答案: