height 100%를 쓰는 이유

너무나도 기본중의 기본인데 나처럼 확실하게 모르고 있었던 사람 있으리라 생각하며 기록으로 남긴다.

 

 

 

 

See the Pen hegiht 100%가 필요한 이유 by JEONG (@cona) on CodePen.

grandParent에 height 100px을 지정해주었다.

parent에 height 100%가 없다면 child는 height 30%해줘도 부모의 height를 모르기때문에 30%가 적용되지 않는다.

parent에 height:100% 을 사용하지 않고, child div에서 grandParent div의 높이를 상속받고 싶다면 relative를 사용하면 된다.

 

 

See the Pen height 100% 없이 relative로 부모 높이 상속받기 by JEONG (@cona) on CodePen.

 

 relative absolute 헷갈린다면 아래 정리 참고

 

 

https://creamilk88.tistory.com/197

[CSS] CSS Position (relative, absolute) 한 방에 정리!