@eellazy

Какие есть способы выравнивания position:absolute?

Все привет!
Какими способами можно выровнять блок с position:absolute.
Существует right, top, left, bottom. Хотелось бы узнать, может быть народ еще как-то ровняет.
Суть в том что при отсутствии свойства right. Блок становится как надо, то есть учитывается отступ родителя. А вот когда я ставлю right:0 то отсчет идет от края окна. Нужно что бы блок был по правой стороне выровнен.

Вот фото при отсутствии right. Все марджины родителя есть
6b2428305d304ebea3de4a915197491e.png

При использовании right:0
31f777da4a2342fcb2cdd1b8c0fb5b78.png

Как нужно
aca55e0a8647490786965f2605926ff8.png

Код блока который нужно выровнять
width: 400px;
    padding: 20px 20px 0 20px;
    background: #fff;
    border: 1px solid #eaeaea;
    top: 62px;
    right: 0;
    position: absolute;
    z-index: 10;


Родитель
padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
  • Вопрос задан
  • 192 просмотра
Решения вопроса 1
@dk-web
position relative родителю добавьте.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@orzubek
16лет, php, js, html/css. Самоучка.
position: absolute | fixed | relative | static | inherit

inherit - наследует значение родителя.
Ответ написан
GoodProject
@GoodProject
Верстальщик
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы