CSS의 세 가지 위치 지정 메커니즘

CSS의 세 가지 기본 위치 지정 메커니즘

a. 일반 문서 흐름

b. 위치 지정: 상대 위치 지정

절대 위치 지정

고정 위치 지정

c. 플로팅

1. 일반적인 흐름에서는 요소의 위치가 문서의 순서에 따라 결정되며 요소의 특성에 따라 순서대로 배열됩니다. 위에서 아래로, 상자 사이의 세로 간격 상자의 세로 여백 값을 기준으로 계산되어 인라인 요소가 가로로 연속 배열됩니다.

2. 상대 위치 지정은 이동된 요소의 일부로 간주됩니다. 여전히 원래 위치를 차지합니다. 요소를 이동하면 다른 상자를 덮게 됩니다

3. 절대 위치 지정은 가장 가까운 상위 요소에 상대적이며 절대 위치 지정은 일반적인 흐름에서 벗어납니다

4. 고정 위치는 브라우저 창의 위치에 따라 결정됩니다.

5. 플로팅 요소는 외부 테두리의 가장자리가 자신을 포함하는 상자 또는 다른 플로팅 상자의 가장자리에 닿을 때까지 왼쪽과 오른쪽으로 이동할 수 있습니다. 🎜>

6. 일반적인 문서 흐름에서 벗어나는 플로팅 요소

7. 인라인 요소와 인라인 블록 요소는 플로팅 박스를 중심으로 배치되고, 블록 요소는 가려집니다

CSS의 세 가지 위치 지정 메커니즘과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!