CSS，试图使超链接与底部对齐

Question

我猜这里有一个基本错误，但我不明白为什么我的底部定位被覆盖了。 .link 在 body 之外。

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;
}

Answer 1

如果你的链接是绝对定位的，它应该在一个包装器内，即 position:relative。然后设置包装器大小和填充。并且 .link 将绝对定位在包装器中。所以左下角 5 基于 wrapper 的位置。如果你想要它在最底部做 bottom 0 left 或 right 0