# Thiết lập vị trí

## 1. Mục tiêu

Giúp người dùng linh hoạt trong việc sắp xếp các thành phần quan trọng, đảm bảo chúng luôn nằm ở vị trí dễ quan sát nhất hoặc tạo ra các bố cục thiết kế sáng tạo không bị gò bó bởi các khối mặc định.

## 2. Khi nào sử dụng

* Auto (Tự động): Khi muốn thành phần tuân theo quy tắc sắp xếp của Stack hoặc Grid (thường dùng cho các khối văn bản, mô tả công việc).
* Free (Tự do): Khi muốn đặt một thành phần ở bất kỳ đâu trên trang mà không phụ thuộc vào các khối xung quanh (ví dụ: đặt một icon trang trí đè lên ảnh).
* Fixed (Cố định): Khi muốn thành phần luôn xuất hiện tại một vị trí trên màn hình dù người dùng có cuộn trang xuống dưới (ví dụ: nút "Liên hệ nhanh" hoặc "Chat trực tuyến").
* Sticky (Dính): Khi muốn thành phần "dính" lại ở một vị trí cụ thể khi người dùng cuộn qua nó (ví dụ: thanh Menu hoặc thanh tìm kiếm công việc).

## 3. Các bước thực hiện

### Bước 1: Truy cập mục Position

<figure><img src="/files/lJy8N9XfBqN58rtNV1yD" alt=""><figcaption></figcaption></figure>

* Chọn thành phần bạn muốn thiết lập vị trí.
* Tìm đến mục Position tại bảng điều khiển bên phải.

### Bước 2: Lựa chọn chế độ phù hợp

* Chọn một trong bốn tùy chọn hiển thị: Auto, Free, Fixed, Sticky.
* Nếu chọn Fixed hoặc Sticky, bạn sẽ cần thiết lập thêm các thông số khoảng cách so với lề trên (Top), lề dưới (Bottom), lề trái (Left) hoặc lề phải (Right) để xác định điểm dừng.

### Bước 3: Tinh chỉnh lớp hiển thị (Z-Index)

* Đối với các vị trí không phải Auto, hãy lưu ý thông số Z-index để quyết định thành phần nào nằm trên, thành phần nào nằm dưới khi chúng đè lên nhau.

## 4. Các lưu ý quan trọng

* Cẩn trọng với Fixed: Tránh đặt quá nhiều thành phần Fixed vì chúng có thể che lấp nội dung chính khi ứng viên xem trên điện thoại có màn hình nhỏ.
* Tối ưu Sticky: Khi sử dụng Sticky cho Menu, hãy đảm bảo thanh Menu không quá cao để không chiếm không gian đọc thông tin của ứng viên.
* Kiểm tra độ phản hồi: Luôn kiểm tra lại ở chế độ Preview xem thành phần có bị nhảy vị trí khi thay đổi kích thước màn hình hay không.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/thiet-lap-nang-cao/thiet-lap-vi-tri.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.