상대, 절대 및 정적 위치 지정
작업에 맞는 위치 유형을 선택합니다. 상대는 이웃을 이동하지 않고 요소를 정상 지점에서 이동합니다. Absolute 는 가장 가까운 위치에 있는 상위 내부의 정확한 오프셋에 배치합니다. 정적 및 기본값은 정상적인 페이지 흐름을 유지합니다. 위치 유형은 장치마다 다를 수 있으므로 데스크톱에서 요소가 겹치고 전화의 흐름에 앉을 수 있습니다.
- 상대 위치 지정: 아이콘을 왼쪽으로 몇 픽셀 이동하는 것과 같은 미세 조정 정렬입니다.
- 절대 위치 지정: 섹션 내부 어디에나 배지, 장식 모양 또는 라벨을 배치합니다.
- 방문자가 스크롤하는 동안 화면에 무언가 고정이 필요하십니까? 위젯 및 컨테이너에 대한 Elementor 의 자체 위치 설정에서 고정 옵션을 사용하십시오.
모든 측면에서 오프셋이 제공되며 중앙에서도 오프셋이 제공됩니다
상위,오른쪽, 하단 및 왼쪽을 px,em 또는 %로 설정하고 요소를 상위 가장자리를 지나 밀어내는 음수 값을 포함합니다. 제품 카드의 상단에서 10px,오른쪽에서 15px 로 “NEW” 배지를 배치합니다. 중앙에서 옵션 은 상위의 수평 중심에서 요소를 오프셋하여 중앙의 중첩 효과를 돕습니다.
- 4면 제어: 부모의 네 모서리 모두로부터 거리를 설정합니다.
- 중앙에서: 왼쪽 가장자리 대신 부모 중앙에서 위치합니다.
- 장치당 Z-Index: 상황이 겹칠 때 어떤 요소가 맨 위에 위치하는지 결정합니다.
- 패널은 동일한 요소에 Left 와 From Center 를 결합하지 말라고 경고합니다.
Elementor의 위치 설정과 Master Addon의 위치 지정
둘 다 무료이며 약간 다른 문제를 해결합니다. 이 테이블을 사용하여 요소에 적합한 테이블을 선택합니다. 레이아웃 제어가 더 필요하면 Positioning with 를 페어링합니다 컨테이너 엑스트라또는 움직임을 추가합니다 변환합니다 (프로).
| 요소 위치 | 마스터 애드온 포지셔닝 | |
|---|---|---|
| 가격 | 무료 | 무료 |
| 위치 유형 | 기본값, 절대값, 고정됨 | 기본값, 정적, 상대, 절대값 |
| 오프셋 | 수평 하나 수직 하나 | 상단, 오른쪽, 하단, 왼쪽 및 중앙에서 |
| 장치별 위치 유형 | 아니요 | 예 |
| 작동 | 위젯 및 컨테이너 | 위젯, 컨테이너, 섹션 및 열 |
| 스크롤하는 동안 화면에 유지됩니다 | 네, Fixed로요 | 아니요 |
Elementor의 요소를 Positioning과 겹치는 방법
이 예제에서는 제품 이미지의 오른쪽 상단 모서리에 “판매” 배지를 배치합니다. 도형,아이콘 및 레이블에 대해 동일한 단계가 작동합니다.
- Master Addons 대시보드에서 위치 지정 확장 프로그램이 켜져 있는지 확인합니다.
- 이미지와 배지 위젯을 동일한 컨테이너에 넣습니다.
- 컨테이너를 선택하고 고급 > 위치 지정으로 이동한 다음 위치 유형을 상대적인 것으로 설정합니다.
- 배지를 선택하고 위치 유형을 절대값으로 설정한 다음 위쪽 및 오른쪽을 10px로 설정합니다.
- 배지의 Z-Index 를 2 로 설정하여 이미지 위에 머물게 합니다.
- 태블릿 및 모바일 보기로 전환하고 각 화면의 오프셋을 조정합니다.
전체 카드를 클릭할 수 있도록 하시겠습니까? 추가 래퍼 링크 컨테이너에. 패널이 다루지 않는 모든 것은 자신만의 규칙을 작성합니다 사용자 정의 CSS.
포지셔닝을 위해 자주 묻는 질문
Elementor 자신의 Position 설정과 어떻게 다른가요?
위젯과 컨테이너에 대한 Elementor 의 위치 설정은 가로 오프셋과 세로 오프셋이 하나씩 있는 Default,Absolute 및 Fixed 를 제공합니다. Master Addons 확장은 Relative 및 Static 을 추가하고,네 면을 모두 설정하고,From Center 오프셋을 추가하고,장치별로 위치 유형을 변경할 수 있으며,클래식 섹션 및 열에서도 작동합니다. Fixed 는 포함되어 있지 않으므로 스크롤하는 동안 화면에 계속 남아 있어야 하는 요소에 대해서는 Elementor 의 설정을 사용하십시오.
절대 위치 지정을 사용하면 "상대적"으로 위치하는 것은 무엇입니까?
절대적으로 위치하는 요소는 위치가 정적이지 않은 가장 가까운 부모 안에 배치됩니다. 만약 어떤 부모도 위치 집합을 가지고 있지 않다면,오프셋은 페이지의 더 위쪽에 있는 부모로부터 측정되며,요소는 예상치 못한 곳에 이르게 될 수 있습니다. 이를 피하기 위해,요소를 보유하고 있는 컨테이너나 열을 선택하고 위치 유형을 먼저 상대적인 것으로 설정합니다.
모바일과 태블릿에서 제대로 작동할까요?
예. 위치 유형,4 개의 오프셋 모두 From Center 및 Z-Index 는 각각 데스크톱,태블릿 및 모바일에 대해 별도의 값을 허용합니다. 데스크톱의 왼쪽에서 100px 로 배치된 요소는 전화 화면에서 떨어질 수 있으므로 태블릿 및 모바일 보기로 전환하고 해당 숫자를 조정하여 요소를 다시 일반 레이아웃으로 되돌릴 수 있도록 모바일에서 위치 유형을 정적으로 설정할 수도 있습니다.
이것을 사용하여 독특한 모양의 섹션을 만들거나 컨테이너에서 벗어날 수 있습니까?
예. 컨테이너를 Relative 로 설정하고,이미지나 도형을 내부에 배치하고,해당 요소를 Absolute 로 설정하고,Left: -50px 와 같은 음의 오프셋을 제공합니다. 요소는 컨테이너의 가장자리 위에 매달려 있으며,이는 가장 겹치는 영웅과 카드 디자인이 구축되는 방식입니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
