Height 100% 하는법
1. 원인
- 요소의 크기가 width: 100%는 되지만 height:100%는 되지 않는다
- 사진처럼 width 만 적용되고 height는 적용되지 않아 줄처럼 보인다
2. 해결
- html, body 태그에 높이 지정
- height가 적용되었다
- %는 기준으로 삼을 높이가 필요하지만 기존에는 없기 때문에 기준 삼을 높이 html, body 태그를 지정했다
'Front-End > HTML5 + CSS' 카테고리의 다른 글
| [CSS3] Flex Position - Flexbox Layout (0) | 2016.12.18 |
|---|---|
| [CSS] HTML 요소 가운데 정렬 쉽게 하기 (0) | 2016.12.13 |
| [CSS] 3단 레이아웃 (float, display) (0) | 2016.12.11 |
| [CSS] 고정 <header>, <footer> 만들기 (0) | 2016.12.11 |
| [CSS] Inline vs Block vs Inline-block 속성 (0) | 2016.12.11 |
리딩리드