只有当var_dump存在时，css才会正常工作

Question

我的布局出了问题。我正在使用bootstrap v3和Nette框架。

我希望ROW拥有完整的窗口高度，但除非有var_dump存在，否则它会更短

CSS

.mainRow {
    height: calc(100% - 180px)!important;
    min-height: calc(100% - 180px)!important;
    max-height: calc(100% - 180px)!important;

HTML

<div class="row mainRow">
            <div class="col-md-10 bordered mainCol">
            <div class="col-md-2"></div>
</div>

没有var_dump .mainRow只是一个内容，var_dump就像魅力一样

编辑：使用vh代替％解决问题， 感谢Teuta Koraqi