실무에서 많이 사용하는 10가지 LayOut 아래 LayOut은 기존의 display, float, position 속성 등으로 구현이 어렵거나 불가능 (but FlexBox를 사용하면 쉽게 구현) Layout 1 - 스크롤 없는 100% Layout Layout 2 - 내비게이션 영역 Layout 3 - 브라우저 화면 아래에 붙는 Footer Layout 4 - 정렬이 다른 메뉴 Layout 5 - 폼 레이블 수직 중앙 정렬 Layout 6 - 중앙 정렬 아이콘 Layout 7 - 유동 너비 박스 Layout 8 - 말줄임과 아이콘 Layout 9 - 위·아래로 흐르는 목록 Layout 10 - 가로·세로 비율을 유지하는 반응형 박스
