max-width에 관해서
463
작성한 질문수 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%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
16
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
21
2
강의가 누락된것 같습니다.
0
35
2
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
0
44
1
counter01.html은 어디있을까요?
1
16
1
수업자료 문의
0
32
2
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
37
1
useState 직접 구현 부분에서 질문이 있습니다.
1
43
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
41
1
교재(3쇄)와 강의 내용 문의
0
36
2
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
0
28
2
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
0
26
3
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
23
1
call stack 표현이 잘못표현된것이 아닌가요?
0
81
2
part3. spy 쪽 / part3,part4 강의자료
0
40
2
최종 코드
0
41
2
Open AI 결제
0
41
2
figma 파일을 받을 수가 없어요
0
49
1
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
35
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
39
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
46
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
75
1
구글 서치콘솔 도메인 소유권 확인 실패
0
49
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
60
1