절대값과 상대값의 해석

많은 친구들이 절대값과 상대값을 어떻게 구별하고 어떻게 사용하는지 물어보더군요. 우리 모두는 절대가 절대 위치 지정을 의미하고 상대 위치 지정이 상대 위치 지정을 의미한다는 것을 알고 있습니다. 그런데 절대 및 상대 위치는 무엇을 의미합니까? 절대적인 것은 어디에 있고, 무엇에 대한 상대적인 것은 어디에 있습니까? 그렇다면 그들은 어떤 특성을 갖고 있으며 어떤 효과를 낼 수 있습니까? 둘 사이에는 어떤 스킬이 있는 걸까요? 아래에서 하나씩 설명하겠습니다.

Absolute, CSS의 작성 방법은 position:absolute; 브라우저의 왼쪽 상단을 의미하며 TOP, RIGHT, BOTTOM, LEFT(이하 참조)와 협력합니다. TRBL로) 위치 지정을 위해 TRBL이 설정되지 않은 경우 기본값은 부모의 원래 지점을 원래 지점으로 기준으로 합니다. TRBL이 설정되고 상위 항목이 위치 속성을 설정하지 않은 경우 현재 절대값은 브라우저의 왼쪽 상단을 원래 지점으로 사용하여 위치가 지정되고 위치는 TRBL에 의해 결정됩니다.

일반적으로 웹페이지를 중앙에 배치하기 위해 Absolute를 사용하면 실수하기 쉽습니다. 왜냐하면 웹페이지는 항상 자동으로 해상도의 크기에 맞춰져 있고 Absolute는 왼쪽 상단 모서리를 사용하기 때문입니다. 브라우저의 원래 지점으로 설정되며 해상도 변경에 따라 위치가 변경되지 않습니다. 여기서 많은 사람들이 잘못됩니다. 왼쪽 웹페이지의 특징은 Relative와 매우 유사하지만, 여전히 본질적인 차이점이 있습니다.

CSS의 작성 방법은 위치: 상대 위치를 의미합니다. 상위 위치가 없으면 상위 위치에 위치하게 됩니다. 요소의 하단은 TRBL로 위치 지정되는 원점이며, 상위 요소에 padding과 같은 CSS 속성이 있는 경우 현재 레벨의 원점은 원점을 기준으로 위치됩니다. 상위 콘텐츠 영역.

때때로 컨테이너의 상하 관계를 설정하기 위해 z-index에 의존해야 하는 경우도 있습니다. 값이 클수록 위쪽에 위치하며 값 범위는 자연수입니다.