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-документа).
Относительное позиционирование задет просто смещение относительно текущего положения элемента.
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?
Изучаю HTML CSS Что такое z-index: что обозначает?
z-index: позиционирование слоя относительно остальных, чем больше значение, тем \"передее\"
подробнее...
спросили в Relativity
CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ?
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем
подробнее...
CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ?
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем
подробнее...
спросили в Relativity
*.css position: absolute; вопрос!!!
Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете
подробнее...
*.css position: absolute; вопрос!!!
Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете
подробнее...
css: как растянуть div по ширине?
Убунтарий)) , в следующий раз надо давать html вместе с css ( если тут сложно, то на pastebin.com,
подробнее...
спросили в Relativity
JavaScript: offsetHeight в InternetExplorer7
position:relative попробуй для tblContactList задать.
Алексей Петров
Мастер
JavaScript: offsetHeight в InternetExplorer7
position:relative попробуй для tblContactList задать.
Алексей Петров
Мастер