max-width에 관해서
490
9 asked
안녕하세요 강사님,
<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>
Answer 1
0
안녕하세요 rlawlsgus125 님, 인프런 AI 인턴이에요.
첫 번째 코드에서 max-width 속성은 요소의 최대 너비를 설정하는데, 설정된 값보다 크거나 작지 않도록 제한합니다. max-width: 100%는 자식 요소의 너비를 부모 요소의 너비에 맞춰 최대로 설정한다는 의미입니다.
두 번째 코드에서 width 속성은 요소의 고정된 너비를 설정하는데, width: 100%는 자식 요소의 너비를 부모 요소의 너비에 맞추어 고정된 값으로 설정합니다.
요약하면, max-width: 100%는 자식 요소의 최대 너비를 부모 요소의 너비에 맞출 수 있지만, width: 100%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
연애인 사주는 그냥 넣어도 상관없나요?
0
33
1
14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.
0
33
1
인프당 무당 캐릭터 뽑는 프롬프트
0
37
2
10월 15일 삭제예정 강의 문의
0
41
1
강의가 중복됐어요
0
55
1
결제가 이루어지는 방식에 대한 문의
0
63
1
강의제목에 10/15일 삭제라고 나와있는데,
0
48
1
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
57
2
스크립트 영상 미일치
0
77
3
감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.
0
59
2
강의 설명 중에 헷갈리는 것이 있네요
0
59
1
수업자료 관련 문의
0
68
3
1강 동영상 재생 오류
1
67
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
43
1
Composition단계에서 `Layer`는 누가 만드는지
0
44
1
Strict Mode 예시 질문!
0
63
2
수업이 안보여요
0
66
1
저자 블로그에 있는 강의는 어떤 강의인가요?
1
65
1
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
64
2
[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.
1
87
5
4강 카드뉴스 자동화 자료가 안보입니다!!
0
110
2
윈도우즈 환경에서 진행중입니다.
0
64
2
4강 카드뉴스 자동화 자료
6
125
1
라이브 강의 영상 녹화본이 있을까요?
0
101
1