> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Advanced：定位与自定义 CSS

> 用 Advanced 设置控制定位、层叠和自定义 CSS，实现更精确灵活的落地页设计。

Advanced 区域提供**更技术化的定位和样式控制**。<br />它主要面向熟悉 CSS，或需要更精确控制的用户。

## Position

控制元素在页面上的定位方式。

常见选项：

* **Static**（默认）：跟随正常的布局流
* **Relative**：可以从原位置稍微偏移
* **Absolute**：在父元素内自由定位
* **Fixed**：始终停留在屏幕的同一位置
* **Sticky**：滚动时也黏在屏幕的同一位置

👉 如果不确定自己在做什么，建议保持 **Static**。

## Z-Index

控制元素的**层叠顺序**。

* 数值越大：元素越靠上
* 数值越小：元素越靠后

👉 示例：

* 弹窗：高 z-index
* 背景：低 z-index

## Custom CSS

可以为该元素写自己的 CSS。

示例：

```text theme={null}
#element {
  color: red;
}
```

👉 你可以：

* 覆盖已有样式
* 添加自定义效果
* 精调构建器界面中没有的细节

## 什么时候用

在以下情况下使用 Advanced 设置：

* 需要精确定位
* 希望元素互相重叠
* 要添加界面中提供不了的自定义样式

## 重要提示

* 对大多数用户来说，这一区域**并非必需**
* 错误的 CSS 或定位会弄坏布局
* 发布前务必测试修改

## 最佳实践

* 不确定时就保持默认设置
* 只在必要时使用 Custom CSS
* 代码保持简洁


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.