sass calculate the height

When the page layout, and sometimes need two full parent div div space, after setting a div size, you can calculate the height using css to set up another dimension:

<style>
       .wrap{
            width:1000px;        
        }
        .left{
            width:200px;      
        }
        .right{
            /*计算函数 calc()*/ 
            width:calc(100%-200px);
        }
</style>          
<div class="wrap">
    <div class="left"></div>
    <div class="right"></div>
</div>

 

Use precompiled sass css, you can refer to the following code

  .table{

      // calculate the height

      height: calc(100% - #{$--operation-height});

  }