CSS 100 % 높이가 의도 한대로 확장되지 않았습니다.

Question

이 질문은 수천 번 묻고있는 것 같습니다. 그리고 나는 그 대부분을 읽었지만 여전히 운이 없습니다.

여기에 내가 상단 사진 및 메뉴 모음이 브라우저에 확장 할 http://exilion.eu

에서 작동하도록 노력하고있어 사이트입니다. 나는이 문제를 해결할 수 있다고 생각했지만 이상한 이유로 다음 요소가 inbetween로 나타났습니다. 내가 뭘하는지의 100 % 확신 이유가 그래서

나는

요소

이 '#masthead'

그 안에 포함되어 있습니다 ... 워드 프레스 테마를 스타일링있어 분 높이가 100 %입니다. 마찬가지로 모든 부모가 있습니다.

도움 주셔서 감사합니다.

Answer 1

당신이 시도 할 수 :

#masthead { 
min-height: 100vh; 
} 

편집 : 난 당신이 오버 플로우를 제거해야 할 수 있습니다 생각 : 스크롤을 보여주기 위해 몸, HTML에서 숨겨진.