max-width에 관해서
481
작성한 질문수 9
안녕하세요 강사님,
<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%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
장치 의존성과 CSR
0
9
0
순수 함수 / 순수 컴포넌트
0
7
0
css box-sizing 관련 질문
0
17
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
13
1
스니펫이 이상해요
0
13
2
node.js 설치 (LTS버전)
0
15
1
Cursor & Antigravity 소개 및 설치
0
15
2
Editor Component의 최적화 불가능 이슈
0
21
2
뉴스페이퍼 테마 관련
0
25
1
useCallback ⊂ useMemo
0
28
2
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
27
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
28
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
24
1
깃허브 저장소를 어디에 첨부하셨나요?
1
31
1
nestjs 강의는 없나요??
1
35
2
스타터 저장소
1
36
1
What is Rxjs
0
24
1
라이브러리 설치 질문
0
29
2
linter 질문
0
37
2
수업자료 링크 접속했는데 404에러 뜹니다 ㅠ
1
40
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
45
5
primitive에 onClick 이벤트가 안되는 경우
0
27
2
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
39
2
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
42
2