이번에야말로 CSS Flex를 익혀보자

• Flexible Box , Flexbox 라고 부르기도 한다.

• Flex는 레이아웃 배치 전용 기능으로 고안되었다.

• 기존의 float, inline-block 방식보다 훨씬 강력하고 편리한 기능들이 있다.

• IE 10, 11 은 부분지원한다.

Flex 레이아웃을 만들기 위한 기본적인 HTML 구조

<div class="container">
	<div class="item">helloflex</div>
	<div class="item">abc</div>
	<div class="item">helloflex</div>
</div>

• 부모 요소인 div.container를 Flex Container 라고 부른다.
• 자식요소인 div.item 들을 Flex Item 이라고 부른다.

Flex의 속성들은 다음과 같이 나뉘어진다.

• 컨테이너에 적용하는 속성
• 아이템에 적용하는 속성