Css абсолютное и относительное позиционирование
Автор Арсланали Исаев задал вопрос в разделе Верстка, CSS, HTML, SVG
Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ? и получил лучший ответ
Ответ от Metotron[гуру]
relative позиционируется от того места, де элемент был бы при static, а absolute — от ближайшего родителя, отличного от static, в противном случае — от левого верхнего угла.
Ответ от МАСТЕР[гуру]
Попробую немного иначе рассказать.
absolute позиционируется от последнего родительского (или прародительского) position, а relative просто сдвигает относительно себя.
Частый прием - в блоке, относительно которого надо позиционировать, указывают position:relative, и уже в каком то дочернем (или внучатом) блоке указывают position:absolute
Примеры:
Надо нанести стикер на картинку. картинку заворачиваем в блок, в блоке картинка и стикер, блоку relative а стикеру absolute и позиционируем внутри блока
.block{position:relative}
.sticker:{position:absolute; top:0; right:0}
пример 2:
position:relative
left:-30px
отодвинет элемент влево на 30 пикселей
Попробую немного иначе рассказать.
absolute позиционируется от последнего родительского (или прародительского) position, а relative просто сдвигает относительно себя.
Частый прием - в блоке, относительно которого надо позиционировать, указывают position:relative, и уже в каком то дочернем (или внучатом) блоке указывают position:absolute
Примеры:
Надо нанести стикер на картинку. картинку заворачиваем в блок, в блоке картинка и стикер, блоку relative а стикеру absolute и позиционируем внутри блока
.block{position:relative}
.sticker:{position:absolute; top:0; right:0}
пример 2:
position:relative
left:-30px
отодвинет элемент влево на 30 пикселей
Ответ от Ёергей Иванов[гуру]
Абсолютное позиционирование нужно для позиционирования элемента относительно начала координат (верхнего левого угла контейнера с позиционированием, отличным от статического, либо верхнего левого угла всего HTML-документа).
Относительное позиционирование задет просто смещение относительно текущего положения элемента.
Абсолютное позиционирование нужно для позиционирования элемента относительно начала координат (верхнего левого угла контейнера с позиционированием, отличным от статического, либо верхнего левого угла всего HTML-документа).
Относительное позиционирование задет просто смещение относительно текущего положения элемента.
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?