height:100% 버그 (1) 썸네일형 리스트형 [css] height:100%를 줬는데 박스가 부모 박스보다 커지면 다음 문제를 체크하자 문제 상황과 해결방안목적 | 레이아웃에서 부모 박스의 높이에 딱 맞는 자식 박스를 만들고 싶음.행위 | 자식 박스에게 height:100%를 줌.예상 | 자식이 부모의 padding을 제외한 높이에 딱 맞게 크기가 설정.실제 | 부모 바깥으로 오버플로우됨. 일반적으로는 height 100%를 하면 당연히 부모의 안쪽에 이쁘게 채워질거라 하는데, 현실은 이렇게 오버플로우가 발생한다.이럴 때는 아래의 css 부분들을 체크하자.부모에 height가 설정되어 있지 않는 경우%단위값은 부모의 동일 속성 값을 상속한다. 부모에 height가 명시되어 있지 않거나 auto로 설정되어 있으면 자식 요소에 height:100%을 설정해도 동작하지 않는다.자식에 box-sizing: border-box;이 아닌 경우b.. 이전 1 다음
