Свойство left - это инструмент, который позволяет точно контролировать позицию элемента, смещая его относительно левого края. Однако важно понимать, что поведение этого свойства тесно связано с текущим значением position: - При фиксированном позиционировании (position: fixed;) элемент будет двигаться влево или вправо строго относительно левого края окна браузера.
- В случае абсолютного позиционирования (position: absolute;) смещение происходит относительно левого края ближайшего предка, у которого задано одно из значений position (кроме static). Если же такой «якорь» отсутствует, элемент привязывается к левому краю окна браузера.
- При относительном позиционировании (position: relative;) элемент смещается влево или вправо от своего исходного места в потоке документа.
- Для элементов со статическим позиционированием (position: static;) применение свойства left абсолютно бесполезно - оно не даст никакого визуального эффекта.
Примечание: допускается использование отрицательных значений. | Значение по умолчанию: | auto | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.left="50px" | | Значение | Описание | | auto | Браузер автоматически вычислит положение левого края. | | расстояние | Определяет расстояние от левого края в единицах измерения, поддерживающихся в CSS. | | % | Расстояние смещения от левого края указанное в процентах вычисляется в зависимости от ширины окна браузера (области просмотра) или от ширины элемента предка ( + ). | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример
|