> ## 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: Position, Z-Index и Custom CSS в редакторе

> Раздел Advanced в LanderLab: настройка Position (Static, Relative, Absolute, Fixed, Sticky), Z-Index для порядка слоёв и свой Custom 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.