Question

是否可以缩短此样式线？

.panel-body {
  height: ~"calc(100vh - 295px)";
  padding: 15px 0 !important;
  & > .row {
    height: 100%;
    & > div {
      height: 100%;
      & > .tab-content {
        height: 100%;
        & > .tab-pane {
          height: 100%;
          & > .row {
            height: 100%;
              & > .class-1 {
                height: 100%;
                & > .class-2 {
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
  }

这是在Less。所以也许有任何解决方案来缩短这一行代码。我不知道该怎么做，所以能得到一些帮助会很好：）

Answer 1

如果panel-body具有固定的定义高度calc(100vh - 295px)并且您正在级联height:100%，那么为什么不简单地将固定高度添加到最后一个元素：

.class-2  {
   height:calc(100vh - 295px);
}

Answer 2

上课（.height-100）

.height-100{ height:100%; }

并添加到您的html元素

是否可以缩短此样式代码？

2 个答案: