>  기사  >  웹 프론트엔드  >  CSS의 세 가지 위치 지정 메커니즘

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

高洛峰
高洛峰원래의
2017-02-27 09:11:111650검색

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

a. 일반 문서 흐름

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

절대 위치 지정

고정 위치 지정

c. 플로팅

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

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

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

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

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.