레이아웃 상자라는 영역을 작성하고 웹 페이지의 임의의 위치에 프레임을 배치한 다음, 여기에 텍스트 또는 이미지를 삽입하여 페이지에 텍스트 및 이미지를 자유롭게 배치할 수 있습니다. 눈금을 사용하여 레이아웃 상자를 정렬하고 레이아웃 상자 여러 개를 쌓아 페이지 레이아웃 및 디자인을 변경할 수 있습니다.
레이아웃 상자에 대한 대안으로, 프리 레이아웃 모드를 사용해도 유사한 효과를 얻을 수 있습니다.
레이아웃 상자를 사용하여 페이지를 작성하는 경우에는 브라우저 크기 또는 화면 해상도에 따라 페이지의 이미지와 텍스트가 서로 겹치는 경우도 있습니다. 이러한 문제를 방지하려면, 페이지 레이아웃에 레이아웃 상자 대신 테이블을 사용하는 것이 좋습니다.