main-image-container에서 min-height를 설정했는데요. height로 하면 더 일괄적인 크기가 나올 것 같은데, 왜 height가 아닌 min-height를 설정한건지 궁금합니다!

<span style="color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; background-color: #ffffff;">main-image-container 는 메인 이미지를 넣을 수 있는 틀로서 만든 DIV라서요.&nbsp;
<span style="color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; background-color: #ffffff;">이미지가 표현될 어느정도의 공간을 만들기 위해서 최소 높이를 확보하기 위해 min-height를 500px로 지정했어요.
<span style="color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; background-color: #ffffff;">혹시나 더 height 가 큰 이미지가 있으면 자연스럽게 늘어나겠죠?
<span style="color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; background-color: #ffffff;">그런데 <span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">main-image-container img (메인이미지) 의 height를 500px로 고정해버렸으니 큰 의미는 없게 되었네요.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">혹시라로 메인이미지의 height을 500px 이상으로 지정한다면 min-height로 설정한 것이 유용하겠네요.<span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">

오 이해되었습니다ㅎㅎ 설명 감사합니다!!!

인프런 커뮤니티 질문&답변

main-image-container의 css에 관해 질문합니다.