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});
  }

猜你喜欢

转载自www.cnblogs.com/donfaquir/p/12363985.html