max-width에 관해서
449
投稿した質問数 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%는 자식 요소의 너비를 고정된 값으로 설정합니다. 감사합니다!
Json 플러그인 사용시 variable collection 없음
0
12
1
배리어블 목록 없음
0
22
3
Token 등록 방법 문의
0
18
1
3강 질문
0
16
1
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
26
1
2강 nodejs 3단계 설명 질문
0
33
1
6-6 실습 문의
0
23
2
imagesLoaded에 관한 질문
0
19
2
useEffect와 lifecycle문의
0
26
2
섹션5 노션링크 는 따로 없나요?
0
29
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
32
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
27
2
프론트엔드 학습 수준 문의
0
37
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
24
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
54
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
47
2
claude plugin 방법 자세히 부탁드려요
0
40
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
40
2
28강 프롬프트가 없습니다.
0
39
2
최근 코테, 과제 테스트 트렌드
0
67
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
39
2
lucide react 아이콘 설치
0
46
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
39
2
17강 zustand store 서버에서 생성
1
36
1