sass計算高度

頁面布局時，有時候需要兩個div充滿父div空間，設定一個div尺寸后，可以使用css計算高度設置另一個尺寸：

<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>

 

使用sass預編譯css，可以參考如下代碼

  .table{

      // 計算高度

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

  }