html - 无法在css中将元素移动到页面底部

Question

我无法向下移动元素。当我添加时，文本应该下降，bottom:0;但它不起作用。

.ft {
  /*This is the ft image*/
  position: absolute;
  width: 300px;
  height: 300px;
  left: 80.2%;
  top: 84.3%;
}

.copyright {
  position: relative;
  text-align: left;
  padding: 0;
  left: 33%;
  bottom: 0;
}

<div class="copyright">
  © Statecraft.ch &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ip Statecraft.ch<br> All rights
  reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [e-mail]
</div>

<div class="ft">
  <img src="https://dl.airtable.com/.attachments/3e9a63c44d5a3a20f8cb60e87bc7c36a/258c51bd/Ft-img.png">
</div>

标签： htmlcss

Answer 1

.ft {
  /*This is the ft image*/
  position: absolute;
  width: 300px;
  height: 300px;
  left: 80.2%;
  top: 84.3%;
}

.copyright {
  position: absolute;
  text-align: left;
  padding: 0;
  left: 33%;
  bottom: 0;
}

<div class="copyright">
  © Statecraft.ch &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ip Statecraft.ch<br> All rights
  reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [e-mail]
</div>

<div class="ft">
  <img src="https://dl.airtable.com/.attachments/3e9a63c44d5a3a20f8cb60e87bc7c36a/258c51bd/Ft-img.png">
</div>

位置应该是绝对的而不是相对的