absolute css



Css absolute relative

Автор Парикмахер задал вопрос в разделе Другие языки и технологии

CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ? и получил лучший ответ

Ответ от МАСТЕР[гуру]
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем relative и absolute именно в нем будет позиционироваться, говоря другими словами, relative - это тот элемент в котором будет absolute.
По умолчанию, relative будет на весь экран, поэтому, если не задавать relative, то позиционирование будет относительно экрана, но если родительскому элементу задаем relative, тогда отсчет идет уже с этого элемента. К примеру, вы хотите вывести в каком то блоке вне последовательного порядка, которым выводит html, звезду рейтинга поверх картинки товара, тогда картинке задаете relative,а звезде absolute
absolute css
МАСТЕР
(15491)
Но вам звезду еще надо разместить над картинкой)) ) Именно для этого случая и существует relative и absolute

Ответ от Илья Смирнов[эксперт]
Разница в следующем абсолютное позиционирование обсчитывается от левого края экрана или материнского контейнера, а релатив это точка отсчета от позиции блока (ну короче блок был изначально сдвинут в право и вниз скажем, добавляя релативное позиционирование после этого отсчет будет именно с конечной точки первоначального сдвига) надеюсь понятно объяснил) )

Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ?

Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?
relative позиционируется от того места, де элемент был бы при static, а absolute — от ближайшего
подробнее...

Как наложить 2 картинки одна на другу в CSS?
DIV - блочный элемент. Блоки располагаются в столбец друг под другом. У тебя есть два варианта для
подробнее...

html \\ css как поместить фоновое изображение на передний план? поверх остальных элементов
Отдельный блок для него сделай и балуйся ним как душе угодно.

И в чем тайный смысл
подробнее...
спросили в Relativity
Как в CSS сделать отступ сверху? Неполучается =( картинка внутри
до конца к верху - это совсем до конца?
у родительского блока - который в полосочку -
подробнее...
спросили в Marconi Relativity
Какой класс в css позволяет опустить таблицу вниз? top, margin?
position- позиционирование элемента с указанным ид
absolute от левого верхнего пикселя экрана
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
спросили в Relativity
*.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: позиционирование слоя относительно остальных, чем больше значение, тем \"передее\"
подробнее...
спросили в Marconi Relativity
Css. top vs margin-top
Для margin-top отступом является расстояние от внешнего края верхней границы текущего элемента до
подробнее...

CSS. Wordpress тема Twenty Eleven. Панель виджетов.
Собственно, а зачем такие танцы с бубном?
В админке на странице виджетов они перемещаются в
подробнее...

Как в html и css сделать отступ слева?
padding-left - отступ слева
padding-right - отступ справа
padding-top - отступ сверхуподробнее...

Относительный или абсолютный путь
сначало relative делаешь ...это для того что бы последующие действия действовали только в этом
подробнее...

как вставить в атрибут style стиль для псевдоэлементов вроде ::before, :after и т д ?
для псевдоэлеменов только в таблице стилей все прописывать...
чего так таблиц css боятся?подробнее...
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*