단일 행 및 단일 열 1: 부동 소수점을 사용하여 왼쪽 상단 모서리에 고정된 너비로 부동합니다.
#content { float: 왼쪽; 여백: 20px; 배경: #FFF; 단색 #666; /* ie5win 퍼지 시작: "\"}\ ""; voice-family:inherit; width: 370px; }html>body #content { width: 370px /* ie5win 퍼지 종료 */ }
단일 행 및 단일 열 2
#content { 위치: 절대; 왼쪽: 0px; 배경: #FFF; 너비: 400px; -family: "\"}\""; voice-family:inherit; width: 370px; }html>body #content { width: 370px; /* ie5win 퍼지 종료 */ }
단일 행 및 단일 열 3 단일 행 및 단일 열 4
단일 행과 두 개의 열 1: 두 열 모두 너비가 고정되어 있습니다. 첫 번째 열은 왼쪽 위 모서리에 부동되고 두 번째 열은 첫 번째 열의 오른쪽에 부동됩니다.
단일 행과 2열 2
단일 행과 두 개의 열 3 단일 행과 두 개의 열 4
단일 행과 두 개의 열 5
단일 행과 3열 1: 왼쪽 열과 오른쪽 열이 모두 절대적으로 위치합니다(오른쪽 열이 오른쪽 상단에 위치함). 왼쪽 및 오른쪽 열의 너비는 고정되어 있으며 가운데 열은 페이지에 맞게 조정됩니다.
단일 행 3열 2 단일 행과 세 개의 열 3 단일 행 3열 4 단일 행과 3열 5
상단 행의 3개 열 1(권장): 상단 행은 페이지 너비에 맞게 조정됩니다. 왼쪽 및 오른쪽 열은 절대 위치에 있으며 가운데 열은 페이지에 적응됩니다.
: 전체 화면 너비