4. Container 구성

홈페이지의 Container 부분에서는 해당 사이트의 주된 내용을 보여줘야 한다.

Introduction 부분에서 말했듯이 네이버를 예로 들자면 Container 부분에는

광고, 로그인, 뉴스, 쇼핑, 관심사 등이 존재한다.

하지만 우리는 레이아웃만 구성할 것이다.

이 부분에서는 중요한 내용이 꽤 많이 나오므로 꼼꼼히 읽어보며 진행하길 바란다.

Container 부분의 결과는 이렇다.

크게 좌측의 박스 3개와 우측의 박스 2개를 div 태그로 따로 묶은 후

div 태그 내에 박스를 만들 것이다.

Container 부분의 총 크기는 width: 1080px, height: 810px 이다.

하지만 내부 요소의 height값에 의해 Container의 height값이

자동으로 결정되기 때문에 따로 지정하지는 않을 것이다.