【備忘】CSS3動態計算屬性

CSS3動態計算屬性：

使用場景：

高度動態化、寬度動態化：

例如：我有一個添加用戶的表單頁面，當頁面可視高度變化的時候動態設置元素高度。

 

    /* 100vh表示瀏覽器可視區域高度 */
    .box-img-group{
        overflow-y: auto;
        /* 意思是實時計算元素高度 = 可視區域高度減去其它元素的固定高度 */
        height: calc(100vh - 396px);
    }

 

已測試

 

END