[01] CSS flex 사용 전에 꼭 알아야할 기본 개념

CSS의 Flex를 사용하려면 기본 개념에 대해서 먼저 알아야 한다.

가장 중요한 개념 2가지를 알아보자

  1. Flex는 항상 부모-자식 관계가 설정되어 있어야 한다.
  2. flex의 부모는 직계 자식만 영향을 준다.

flex의 부모는 flex 컨테이너가 된다. 그리고 이 컨테이너는 바로 아래의 child 요소에게만 영향을 준다. 손자에게는 영향을 주지 않는다. “분명 플렉스로 감싸져 있는데 왜 효과가 없지 ?” 하는 대부분이 여기에서 문제가 있을 수 있는 것이다.

물론 부모-자식에서 자식은 다시 자신의 자식에 대해서 flex container가 될 수 있다.

CSS flex

답글 남기기

8 + 3 =