【备忘】CSS3动态计算属性

CSS3动态计算属性：

使用场景：

高度动态化、宽度动态化：

例如：我有一个添加用户的表单页面，当页面可视高度变化的时候动态设置元素高度。

 

    /* 100vh表示浏览器可视区域高度 */
    .box-img-group{
        overflow-y: auto;
        /* 意思是实时计算元素高度 = 可视区域高度减去其它元素的固定高度 */
        height: calc(100vh - 396px);
    }

 

已测试

 

END