Как расположить абсолютный buttn по правому краю абсолютного div у которого есть padding?

Question

[Евгений Коелсник]

У меня есть абсолютная

<button class="close">
    <img src="/src/img/close.png" alt="close">
</button>

которая находится в абсолютном блоке, у которого есть padding: 50px;
Как расположить button так, чтобы он был по правой стороне вверху блока и не выходил за рамки абсолютного блока, а так же не заходил за padding

Answer 1

[WhiteBearDev]

Для button прописать right:[значение padding + значение border-right родителя (если есть)]. Иначе, увы, никак (либо отказываться от абсолютного позиционирования)

Comments

[Евгений Коелсник]

Получается так, что у меня div в котором находится эта кнопка, он абсолютный и находится по центру, так что right и имеет ширину width: 500px; не поможет

[WhiteBearDev]

Евгений Коелсник, ширина не имеет никакого значения, а абсолютное позиционирование родительского блока лдя потомка работает как relative

[Евгений Коелсник]

WhiteBearDev, Но когда я задаю relative, right работает относительно окна браузера, а не родительского блока

[WhiteBearDev]

Евгений Коелсник, чему Вы задаёте relative?

Answer 2

[Ankhena]

прижат к границе

top: 0;
right: 0;

прижат к краю паддинга

top: 50px;
right: 50px;

https://jsfiddle.net/kbr4g179/

Comments

[Евгений Коелсник]

А если, допустим, блок в котором находится эта кнопка имеет размер width: 500px; и находится по центру

[Ankhena]

Евгений Коелсник, и что с того? Пусть себе находится где угодно. Что не работает?

[Евгений Коелсник]

Ankhena, right его выкидывает за край блока и выравнивает по правому краю окна браузера

[Ankhena]

Евгений Коелсник, что за бред? Покажите ваш код в песочнице.

[Ankhena]

Евгений Коелсник, вот пример с абсолютом https://jsfiddle.net/kbr4g179/1/