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%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
6
0
5,6,7,8 내용이 없어요
0
9
0
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
8
1
mission 09-01 을 수행할 수 없어요
0
16
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
18
1
Context API vs Zustand 그리고 Auth
0
26
2
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
19
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
스니펫이 이상해요
0
31
2
node.js 설치 (LTS버전)
0
26
1
Cursor & Antigravity 소개 및 설치
0
31
2
Editor Component의 최적화 불가능 이슈
0
37
2
뉴스페이퍼 테마 관련
0
34
1
useCallback ⊂ useMemo
0
34
2
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
32
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
34
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
28
1
깃허브 저장소를 어디에 첨부하셨나요?
1
39
1
nestjs 강의는 없나요??
1
40
2
스타터 저장소
1
41
1
What is Rxjs
0
30
1
라이브러리 설치 질문
0
33
2