我有以下代码:
<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 中的问题可能是一个解决方案,但我无法找出表格显示样式的正确组合。
最佳答案
你有没有试过这样的事情:
#topmost-element div {
height:100%;
}
这应该使最顶层元素中的所有 DIV 的高度都为 100%。
关于html - 使用 % 时让 CSS 跳过 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27974461/