max-width에 관해서
452
작성한 질문수 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%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
ZIP 파일
0
20
2
26강 13F 강의 불일치 및 질문 요청
0
25
3
state 객체로 묶기
0
15
0
XAMPP에서 Apache, DB 재기동 시 접속안되는 문제
0
16
1
Breadth (등락 비율) 분석
0
22
1
26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.
0
29
2
몽고 db 접속 오류
0
18
1
6-6
0
30
1
Json 플러그인 사용시 variable collection 없음
0
30
2
배리어블 목록 없음
0
29
3
Token 등록 방법 문의
0
24
1
3강 질문
0
40
2
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
35
1
2강 nodejs 3단계 설명 질문
0
46
1
6-6 실습 문의
0
32
2
imagesLoaded에 관한 질문
0
22
2
useEffect와 lifecycle문의
0
35
2
섹션5 노션링크 는 따로 없나요?
0
37
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
39
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
33
2
프론트엔드 학습 수준 문의
0
47
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
28
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
64
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
53
2