• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

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

21.06.22 17:24 작성 조회수 104

0

footer에서 width 가 줄어들어서 

width:100%채워주셨는데

왜 줄어든걸까여 ?

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

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

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

채워졌을텐데

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

만약 이 말이 맞다면

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

답변 1

답변을 작성해보세요.

0

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