Css absolute relative
Автор Парикмахер задал вопрос в разделе Другие языки и технологии
CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ? и получил лучший ответ
Ответ от МАСТЕР[гуру]
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем relative и absolute именно в нем будет позиционироваться, говоря другими словами, relative - это тот элемент в котором будет absolute.
По умолчанию, relative будет на весь экран, поэтому, если не задавать relative, то позиционирование будет относительно экрана, но если родительскому элементу задаем relative, тогда отсчет идет уже с этого элемента. К примеру, вы хотите вывести в каком то блоке вне последовательного порядка, которым выводит html, звезду рейтинга поверх картинки товара, тогда картинке задаете relative,а звезде absolute
МАСТЕР
(15491)
Но вам звезду еще надо разместить над картинкой)) ) Именно для этого случая и существует relative и absolute
Разница в следующем абсолютное позиционирование обсчитывается от левого края экрана или материнского контейнера, а релатив это точка отсчета от позиции блока (ну короче блок был изначально сдвинут в право и вниз скажем, добавляя релативное позиционирование после этого отсчет будет именно с конечной точки первоначального сдвига) надеюсь понятно объяснил) )
Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?
relative позиционируется от того места, де элемент был бы при static, а absolute — от ближайшего
подробнее...
Как наложить 2 картинки одна на другу в CSS?
DIV - блочный элемент. Блоки располагаются в столбец друг под другом. У тебя есть два варианта для
подробнее...
html \\ css как поместить фоновое изображение на передний план? поверх остальных элементов
Отдельный блок для него сделай и балуйся ним как душе угодно.
И в чем тайный смысл
подробнее...
Как в CSS сделать отступ сверху? Неполучается =( картинка внутри
до конца к верху - это совсем до конца?
у родительского блока - который в полосочку -
подробнее...
Какой класс в css позволяет опустить таблицу вниз? top, margin?
position- позиционирование элемента с указанным ид
absolute от левого верхнего пикселя экрана
подробнее...
*.css position: absolute; вопрос!!!
Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете
подробнее...
Картинка поверх Картинки CSS
Тут важно понимать где расположена первая картинка и в каком блоке появляется вторая. У вас должно
подробнее...
Напомните как DIV расположить по центру (CSS,HTML)
#center{left: 50%; margin-left: -512px(1/2 x); width: 1024px(x); position:relative или absolute
подробнее...
Изучаю HTML CSS Что такое z-index: что обозначает?
z-index: позиционирование слоя относительно остальных, чем больше значение, тем \"передее\"
подробнее...
Css. top vs margin-top
Для margin-top отступом является расстояние от внешнего края верхней границы текущего элемента до
подробнее...
CSS. Wordpress тема Twenty Eleven. Панель виджетов.
Собственно, а зачем такие танцы с бубном?
В админке на странице виджетов они перемещаются в
подробнее...
Как в html и css сделать отступ слева?
padding-left - отступ слева
padding-right - отступ справа
padding-top - отступ сверху
подробнее...
Плавное появление фона Собственно как сделать такое, если используется background-image?
css animation
div.background {
width: 100%;
height: 100%;
position:
подробнее...
Относительный или абсолютный путь
сначало relative делаешь ...это для того что бы последующие действия действовали только в этом
подробнее...
как вставить в атрибут style стиль для псевдоэлементов вроде ::before, :after и т д ?
для псевдоэлеменов только в таблице стилей все прописывать...
чего так таблиц css боятся?
подробнее...