`위치: 절대`를 사용할 때 `상단`, `왼쪽`, `하단` 및 `오른쪽`에 대한 기본값은 무엇입니까?

Position: Absolute의 기본값

값을 지정하지 않고 position:absolute CSS 속성을 사용하는 경우 기본값을 이해하는 것이 중요합니다. 위쪽, 왼쪽, 아래쪽 및 오른쪽 속성에 대한 값입니다. 일반적인 믿음과는 달리 이러한 값은 기본적으로 0으로 설정되지 않습니다.

대신 이러한 모든 속성의 기본값은 "auto"입니다. 즉, 요소가 전혀 배치되지 않은 것처럼 레이아웃의 일반 위치에 유지됩니다. 이를 "정적 위치"라고 합니다.

모든 오프셋 값이 "자동"으로 설정된 요소의 동작은 CSS 사양에 정의되어 있습니다. 가로 위치의 경우 제약 조건은 다음과 같습니다.

'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing block

'왼쪽', '너비', '오른쪽' 세 개가 모두 "자동"인 경우 요소의 너비는 "축소-로 설정됩니다. fit"이고 '왼쪽' 값은 정적 위치를 기준으로 결정됩니다.

마찬가지로 세로 위치의 경우 제약 조건은 다음과 같습니다.

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = height of containing block

'top' 세 개가 모두 있는 경우 , 'height' 및 'bottom'은 "auto"이며 요소의 상단 값은 정적 위치로 설정되고 높이는 내용에 따라 결정됩니다.

위 내용은 `위치: 절대`를 사용할 때 `상단`, `왼쪽`, `하단` 및 `오른쪽`에 대한 기본값은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!