Лучшее руководство по Положение CSS свойство в 2024 году. В этом руководстве вы можете изучить примеров,Определение атрибута и инструкции,Поддержка браузеров,Значение свойства,Другие примеры,Статьи по Теме,
Положение CSS свойство
примеров
Расположение <h2> Элемент:
{
позицию: абсолютная;
Слева направо: 100px;
верх: 150px;
}
Попробуйте »
В нижней части этой страницы для большего количества примеров.
Определение атрибута и инструкции
Атрибут Положение определяет тип элемента метода (статический, относительный, абсолютный или фиксированный) позиционирование.
| По умолчанию: | статический |
|---|---|
| Наследование: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | объект .style.position = "абсолютный" |
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
| 属性 | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
Значение свойства
| значение | описание |
|---|---|
| абсолютный | Генерировать абсолютные расположенные элементы, по отношению к первому родительскому элементу, находящийся снаружи статического позиционирования. Положение элемента с помощью "левого", "сверху", "вправо" и "нижний" атрибут указанного. |
| фиксированный | Генерировать абсолютное позиционирование элементов по отношению к позиционированию окна браузера. Положение элемента с помощью "левого", "сверху", "вправо" и "нижний" атрибут указанного. |
| относительный | Создание относительного позиционирования элемента, позиционирование относительно своего нормального положения. Таким образом, "осталось: 20" добавляет 20 пикселей в левое положение элемента. |
| статический | По умолчанию. Ни один позиционирующий элемент не происходит в нормальном потоке (не обращая внимания на верхний, нижний, левый, правый или Z-индекс заявление). |
| унаследовать | Резервы должны наследовать положение значение свойства от родительского элемента. |
Другие примеры
Позиция: относительная
Этот пример демонстрирует элемент относительно его нормального положения, как найти.
Статьи по Теме
Учебник CSS: CSS Позиционирование
