UserInterface (1) 썸네일형 리스트형 CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 웹 페이지 레이아웃을 디자인할 때, 부모 요소(div)의 높이를 자식 요소에 자동으로 적용하고 싶은 경우가 종종 있습니다. 특히, 자식 요소들이 부모 요소의 높이에 꽉 차게 표시되어야 할 때 이 방법이 유용합니다. 이 포스트에서는 CSS만을 사용하여 이를 해결하는 방법을 소개하겠습니다. 문제 상황 부모 요소에게 height: 100px;를 주었을 때, 자식 요소들이 자동으로 부모의 높이를 채우도록 설정하고 싶습니다. 이를 위해 자식 요소들에게 하드코딩으로 height: 100px;를 설정하는 것이 아니라, 더 유연한 방법이 필요합니다. 해결 방법 자식 요소들에게 다음과 같은 CSS 속성을 적용하여, 부모 요소의 높이에 맞춥니다. .child-.. 이전 1 다음
