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