flex는 container와 item들이 부모와 자식 관계일 때 container에 display:flex속성을 줌으로서 설정할 수 있다. hello hello2 hello3 이런식으로 flex의 아이템들을 flex 컨테이너가 감싸는 구조이다. flex의 속성은 1_)컨테이너에 주는 속성 2_)아이템에 주는 속성 이렇게 나뉘어 진다. 1_)컨테이너에 주는 속성 display:flex -> 위의 속성을 사용하면 기본적으로 레이아웃은 그림과 같다. flex아이템들은 가로방향으로 배치되고 자신이 가진 내용물의 width만큼만 차지한다. height는 컨테이너의 높이만큼 늘어난다. display:inline-flex는 inline요소와 같은 수평 쌓임을 가진다. flex-direction속성 flex아이템들이..