Flexbox 정의

See the Pen Flexbox 정의 by nilgi (@nilgi) on CodePen.

 

Flexbox는 아이템의 위치 지정(예:float) 없이 반응형 웹페이지를 만드는데 아주 유용하다.

Flexbox의 기본은 Flex comtainer안에 아이템을 넣어 display: flex 한다.

티스토리 오디세이 스킨에 Flexbox가 사용되고 있다. 다른 스킨은 안 봐서 모르겠음.

html의 구조를 보면 div안에 div 4개가 있다. div의 기본 성질은 block 구조로 쌓는 성질인데 flex를 사용하면 inline구조를 가지게 된다. flex는 방향 값이 있으므로 변경 가능하다.