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

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

a. 일반적인 문서 흐름

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

절대 위치 지정

고정 위치 지정

c.Float

1. 일반적인 흐름에서는 요소의 위치가 문서 순서와 요소의 성격에 따라 결정되며, 위에서 아래로 배열됩니다. 상자 사이의 거리는 수직 여백 값으로 결정됩니다. 인라인 요소는 가로로 연속 배열됩니다.

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

3. 절대 위치 지정은 위치가 지정된 가장 가까운 상위 요소를 기준으로 하며 절대 위치 지정은 일반적인 흐름을 벗어납니다

4. 위치는 브라우저 창의 위치에 상대적입니다

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

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

7. 인라인 요소와 인라인 블록 요소는 플로팅 박스 주위에 배치되고 블록 요소는 가려집니다

CSS의 세 가지 기본 위치 지정 메커니즘에 대한 관련 기사는 PHP 중국어 웹사이트를 참고하세요!