1. 수직적인 기본구조 html, css의 기본적인 레이아웃 구조는 수직으로 쌓인다.(위에서 아래로) 하지만 flex를 쓰면 레이아웃이 쌓이는 것을 수평으로 쌓을 수 있다. 2. flex 예제 1) 기본적인 구조 (수직) 위 그림과 같이 기본적으로 박스들이 수직으로 쌓인다. - HTML 코드 BOX1 BOX2 BOX1 BOX2 container라는 속성 값을 가진 div 안에 firstbox와 secondbox라는 속성 값을 가진 div들을 입력 div는 기본적으로 block 요소이기 떄문에 수직으로 쌓인다. - CSS 코드 .container { background-color: darkgray; } .container .firstbox { width: 100px; height: 100px; backgr..
