"위치"는 특정 레이아웃이 아니라 요소의 위치를 제어하는 데 사용되는 CSS의 속성입니다.
CSS 레이아웃은 일련의 레이아웃 기술과 속성을 통해 페이지에 있는 요소의 레이아웃과 위치를 정의하고 제어하는 것을 말합니다.
일반적인 CSS 레이아웃 기술은 다음과 같습니다.
블록 레이아웃: 표시 속성 값이 "block" 또는 "inline-block"인 요소를 사용하여 블록 수준 상자 모델에 따라 레이아웃하고 수직으로 배열합니다.
흐름 레이아웃: 기본 문서 흐름 레이아웃을 사용하면 레이아웃 방법이 명시적으로 선언되지 않은 경우 요소는 HTML에 나타나는 순서대로 위에서 아래로, 왼쪽에서 오른쪽으로 정렬됩니다.
Flexbox 레이아웃(Flexbox): flex 속성과 컨테이너 속성을 통해 하위 요소의 배열을 제어함으로써 다양한 화면 크기에 맞게 유연한 1차원 레이아웃을 구현할 수 있습니다.
그리드 레이아웃: 그리드 컨테이너 및 그리드 항목 속성을 통해 페이지를 그리드 영역으로 나누어 복잡한 2차원 레이아웃을 구현합니다.
다중 열 레이아웃: 열 수 및 열 너비 속성을 사용하여 텍스트 또는 요소 내용을 여러 열로 나눕니다.
이러한 레이아웃 기술은 단독으로 사용하거나 필요에 따라 가장 적합한 레이아웃 방법을 선택하여 사용할 수 있습니다. "position" 속성은 요소의 위치를 제어하는 메커니즘으로, 다양한 속성 값을 설정하여 다른 요소나 브라우저 창을 기준으로 요소의 위치를 변경하는 데 사용할 수 있습니다.