강의

멘토링

로드맵

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

hm_stom님의 프로필 이미지
hm_stom

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 4

안녕하세요 footer 관련 질문 드립니다 !

작성

·

167

0

footer에서 width 가 줄어들어서 

width:100%채워주셨는데

왜 줄어든걸까여 ?

줄어든 이유를 모르겠습니다

그럼 그 전에는 안 줄어든건가요 ?!

윗 컨텐츠 영역에서는 20% 60% 20% 이렇게 총 100%가

채워졌을텐데

footer 부분에서도 따로 width 값을 명시해줘야한다는 말씀이신건가요 ?

만약 이 말이 맞다면

그 전에는 왜 정상 작동됐는지 궁금합니다 !

퀴즈

53%나 틀려요. 한번 도전해보세요!

Flexbox 레이아웃의 주된 목적은 무엇일까요?

문서 구조를 정의하기 위해

텍스트 서식을 꾸미기 위해

항목들을 행이나 열 방향으로 배치하고 공간을 분배하기 위해

이미지 파일 형식을 변경하기 위해

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

컨테이너에 display: flex를 적용하면, 그 자식들인 flex 아이템들은 폭이 꽉 차는게 아닌, 자기가 가진 내용물의 양 만큼만 차지하게 되죠?
마찬가지로 footer도 그냥 보통 상태(flex 아이템이 아닌 상태)에서는 block 요소이기 때문에 가로로 꽉 차있지만, flex 아이템이 되면서 쪼그라들게 되는거죠~ 그래서 명시적으로 width를 100%로 늘려 준 것이랍니다.

hm_stom님의 프로필 이미지
hm_stom

작성한 질문수

질문하기