Как разместить элемент относительно правого нижнего угла родительского?

Question

[Посторонним В.]

Нужно через CSS поместить ссылку в правом нижнем углу body (т.е. в правом нижнем углу страницы), на расстоянии 15px от нижнего и правого краёв страницы. Ссылка прописана непосредственно в body, последним вложенным элементом.
Не могу понять, как это сделать:
position absolute позиционирует относительно края окна браузера (ссылка выходит не внизу страницы, а внизу видимой её части), fixed ведёт себя так же, relative позиционирует относительно левого нижнего угла страницы.

Answer 1

[wbrapist]

https://jsfiddle.net/h9p71fdv/1/

.main {
  border: 1px solid red;
  width: 500px;
  height: 600px;
  
  position: relative;
}

.main a {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

Comments

[Посторонним В.]

В общем, задать body position: relative. Спасибо

Answer 2

[Николай]

https://codepen.io/Nickolyashka/pen/mMywrg

Answer 3

[Юрий Есин]

Можно так. Если нужно чтобы пространство, которое должен занимать блок ссылки, оставалось исходной высоты, то можно эту ссылку обрамить в тег и задать ему text-align: right, или же просто добавить ссылке float: right. но в таком случае нужно будет ввести после неё ещё один элемент, которому задать clear: both, чтобы отступы работали правильно.