CSS에서 높이 비율이 작동하지 않습니다.

Question

calc 기능을 사용하여 CSS의 높이를 백분율로 설정하는 데 문제가 있습니다. calc 함수와 퍼센티지는 너비에서는 작동하지만 높이에서는 작동하지 않습니다. body ID로 div를 설정하려고하는데 높이가 100 % ~ 70px가 되길 원합니다. 이 작업을 빨리 완료해야합니다.

덕분에, 재이든 height에 대한

Answer 1

전용 케이스, 당신은 모든 요소의 부모가 height CSS 속성을 가지고 있는지 확인해야합니다. htmlth, higth를 100 %로 설정하십시오. 상위 요소의 높이를 설정하면 요소의 높이를 설정할 수 있습니다.

html,body{ 
    height: 100%; 
} 
#element{ 
    height: calc(100% - 70px); 
    border: 1px solid #ccc; 
}