인프런 커뮤니티 질문&답변

ss S

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 2

6분40초 - width와 max-width를 같이 쓰는 경우

작성

436

form tag에 width와 maxwidth를 같이 걸어주셨는데
이해가 잘 가지 않아서 질문드립니다.
width를 설정함은
<input type = "search">의 width를 고정시키는 역할이고
max-width 라면 설정한 값 이상으로는 width가 커지지 않게 하는 것으로 이해하고 있습니다.
이 두가지를 같이 쓰는데 이것 저것 실험해봐도 이해가 잘 가지 않습니다 선생님

flex HTML/CSS

답변 2

1분코딩

지식공유자

일단 width가 300px이지만,
부모 엘리먼트 width의 60%를 넘지는 않도록 설정해 준 것입니다.
예를들어 브라우저 폭을 줄여서 부모 엘리먼트의 폭이 400px이 된다면,
그 때 form의 width는 300px이 아니라 400px의 60%인 240px이 되는거지요.
아무리 창 사이즈가 작아져도 최소한의 여백을 확보하기 위한 의도라고 생각하시면 됩니다^^

ss S

질문자

이제 이해가 됩니다 선생님!
flex를 사용하면 폭의 강제성이 떨어져서 일정한 너비를 설정하고 싶으면 width를 사용하는 것이 안전하다는 것으로 이해를 하고 width를 설정하면 고정이 되어야 되는 줄로 알았습니다.
여기서 개념 혼동이 왔던것 같네요.
답변 감사합니다!!

ss S

작성한 질문수

전체 Q&A

질문하기