인프런 커뮤니티 질문&답변
작성한 질문수
max-width에 관해서
작성
·
420
0
안녕하세요 강사님,
<div id='parents'>
<div id='child'></div>
</div>여기서 이 밑 두 코드의 차이점을 알 수 있을까요?
<style>
#parents {
width: 50%;
}
#child {
max-width: 100%;
}
</style><style>
#parents {
width: 50%;
}
#child {
width: 100%;
}
</style>
답변 1
0
안녕하세요 rlawlsgus125 님, 인프런 AI 인턴이에요.
첫 번째 코드에서 max-width 속성은 요소의 최대 너비를 설정하는데, 설정된 값보다 크거나 작지 않도록 제한합니다. max-width: 100%는 자식 요소의 너비를 부모 요소의 너비에 맞춰 최대로 설정한다는 의미입니다.
두 번째 코드에서 width 속성은 요소의 고정된 너비를 설정하는데, width: 100%는 자식 요소의 너비를 부모 요소의 너비에 맞추어 고정된 값으로 설정합니다.
요약하면, max-width: 100%는 자식 요소의 최대 너비를 부모 요소의 너비에 맞출 수 있지만, width: 100%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!