CSSheight

[CSS] 레이아웃 height 100%로 동작하게 하는 법

[CSS] 레이아웃 height 100%로 동작하게 하는 법 (글쓴날 : 2020.03.01) * 이 글은 글쓴이가 공부한 내용을 정리하며 올리는 글입니다. * CSS3를 기준으로 작성되었습니다. CSS height에 % 값 적용 방법 1) 부모 태그의 높이를 100%로 지정하기 아래의 화면처럼, 만약 height를 100%로 지정했을 때 원하는 데로 동작하지 않으신다면, 저도 그랬듯이 아마 대부분의 경우가 부모 태그의 height가 지정하지 않은 경우일 겁니다. 따라서, 위의 화면처럼 height를 %로 지정하고 싶으시다면 html, body와 같은 부모 태그의 height를 전부 지정해 주셔야 합니다. (ex) 1 2 3 4 5 6 7 8 9 html, body { height: 100%; } 적용할..