미디어 쿼리 문법을 간단하게 살펴보죠.

브라우저의 너비가 980px 이하로 작아지면 화면 우측에 있는 글로벌 네비게이션이 화면 아래쪽으로 뚝 떨어집니다. 지금 브라우저의 폭을 조절해서 한번 확인해 보세요.

@media all and (min-width:980px) { /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
.content{ float:left; width:600px } /* 콘텐츠 플롯하고 너비를 고정 */
.nav{ float:right; width:330px } /* 네비게이션 플롯하고 너비를 고정 */
}