CSS, пытающийся выровнять гиперссылку по низу

#css

Вопрос:

Я предполагаю, что здесь есть основная ошибка, но я не понимаю, почему мое нижнее расположение переопределяется. .link находится за пределами тела.

 body {
  font-family: Century Gothic, Arial;
  background-color: #836FFF; 
  margin: 0 auto;
  text-align: center;
}

.header {
  margin: 0 auto;
  width: 910px;
  background-color: #6A5ACD;
  font-size: 60px;
  color: #473C8B;
}

.t1 {
  margin: 20px auto 0px auto; 
  padding: 10px;
  font-size: 16px; 
  font-weight: bold; 
  color: #473C8B; 
  text-align: center;
  padding-top: 20px;
}

.link {
  position:absolute;
  bottom:5px;
  left:5px;
}

Ответ №1:

Если ваша ссылка расположена абсолютно, она должна находиться внутри оболочки, которая имеет значение position:relative . Затем установите размер и отступы для ваших оберток. И .link будет абсолютно помещен в оболочку. Итак, внизу слева 5 в зависимости от положения обертки. Если вы хотите, чтобы она была в самом низу, сделайте внизу 0 слева или справа 0

Ответ №2:

2 вещи … если вы хотите, чтобы ссылка всегда была внизу видимого браузера, используйте position: fixed . Если вы действительно хотите, чтобы ссылка была внизу страницы, это зависит от родительских элементов. http://www.w3schools.com/css/css_positioning.asp