css在设置百分比后预留一定空间

css计算满屏少120px的高度/宽度

 .rightmain {
    min-height: calc(100% - 120px);
    max-height: calc(100% -80px);
    max-width: calc(100% - 80px);
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

我们在使用css设置高度想享受直接设置百分比的快捷，又想留下固定高度/宽度，通常我采用的方法是在js里动态设置

    js代码：    ==》》

$("rightmain").height($(window).height()-120)

现在我们有了另一种方式解决问题

   calc计算符