IE11에서 CSS 최대 높이가 작동하지 않습니다.

Question

이 CSS 부분은 IE 11을 제외한 모든 최신 브라우저에서 작동합니다 ... 심지어 IE 9도 작동합니다. 해결 방법은 무엇입니까? 나는 수정 자바 스크립트를 찾고 있지 않다

적은

.div{ 
    max-height: calc(~'100% - 36px'); 
    overflow-y: auto; 
    overflow-x: hidden; 
} 

컴파일 된 CSS

.div{max-height:calc(100% - 2.5em);overflow-x:hidden;overflow-y:auto;} 

Answer 1

당신이있어 가정합니다`~ '' '구문으로이

.div{ 
max-height: calc('100% - 36px') !important; 
overflow-y: auto; 
overflow-x: hidden; 
    }