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

Нужно через CSS поместить ссылку в правом нижнем углу body (т.е. в правом нижнем углу страницы), на расстоянии 15px от нижнего и правого краёв страницы. Ссылка прописана непосредственно в body, последним вложенным элементом.
Не могу понять, как это сделать:
position absolute позиционирует относительно края окна браузера (ссылка выходит не внизу страницы, а внизу видимой её части), fixed ведёт себя так же, relative позиционирует относительно левого нижнего угла страницы.
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
wbrapist
@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;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Exomode
@Exomode
Архитектор ПО
Можно так. Если нужно чтобы пространство, которое должен занимать блок ссылки, оставалось исходной высоты, то можно эту ссылку обрамить в тег и задать ему text-align: right, или же просто добавить ссылке float: right. но в таком случае нужно будет ввести после неё ещё один элемент, которому задать clear: both, чтобы отступы работали правильно.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы