면책 조항 :이 문서는 블로거 원본입니다, 추적 에 의해-SA의 CC 4.0 저작권 계약, 복제, 원본 소스 링크이 문을 첨부 해주세요.
데이터가 일부의 빈 영역의 결과로, 충분하지 가끔 때문에 프로젝트에서 적응을 끝으로 이동
요구 사항 : 없음 시간이 화면에 데이터를 입력 할 수 없습니다하려면, 스크롤 막대를 넘어 데이터가 화면에 나타납니다
연습
1 화면 가득 컨테이너의 높이 올리는
화면을 채우기 위해이 컨테이너를 얻을 드문 경우 컨테이너의 내용에를 :
`.container {
min-height:100vh;
display:flex
}`
2- 컨테이너의 잔존 높이가 전체 화면 높이하자
용기의 높이가 달성 될 수있는가요 성 VH 레이아웃과 함께 화면을 채우기하게 남아.
`.content {
min-height:100vh;
display:flex
}
.header {
height:100px
}
.content {
flex:1
}
.footer {
height:100px
}`