javascript - 화면과 해상도가 어떻게 변경되더라도 div 위치를 항상 동일하게 유지하는 방법

Question

p를 특정 위치에 고정하는 방법, 화면과 해상도가 어떻게 변하더라도 p의 위치는 항상 동일하게 유지됩니다.

Answer 1

p에 위치 추가: 고정

Answer 2

위치: 정적 | 상대 | 절대 |
정적:
객체가 규칙적인 흐름을 따릅니다. 이때 4개의 위치 오프셋 속성은 적용되지 않습니다.
relative:
객체는 일반 흐름을 따르며, 위쪽, 오른쪽, 아래쪽, 왼쪽의 네 가지 위치 지정 오프셋 속성을 통해 일반 흐름의 위치를 ​​기준으로 오프셋될 때 일반 흐름의 어떤 요소에도 영향을 주지 않습니다. .
absolute:
객체는 일반 흐름에서 벗어나 자신과 가장 가까운 위치에 있는 조상 요소를 참조합니다. 상자의 오프셋 위치는 일반 흐름의 요소에 영향을 주지 않으며 해당 여백은 다른 여백과 함께 축소되지 않습니다.
고정:
절대값과 동일하지만 오프셋 위치는 창을 기준으로 합니다. 스크롤 막대가 나타나면 개체가 스크롤되지 않습니다.

Answer 3

고정된 왼쪽, 위쪽 등을 주세요

Answer 4

p 위치는 변경되지 않고 유지되어야 합니다

백분율은 확실히 작동하지 않습니다.

권장 단위:

• px

• 렘

이론적으로position는 필수입니다:

• 는 statuc

을 위한 것일 수 없습니다.