Tetapkan bahagian bawah kepada 100% ketinggiannya sendiri

Question

Saya ingin menyediakan elemen supaya ia disembunyikan daripada paparan halaman dan bahagian atasnya hanya menyentuh bahagian bawah halaman (elemen itu tidak kelihatan). Saya mula-mula melakukan botttom: -66px;' apabila ketinggian elemen adalah malar 66px. Tetapi sekarang saya memerlukan ini untuk mengendalikan elemen dari sebarang saiz.

Jika saya lakukan bottom: -100%; ia menetapkannya kepada 100% daripada saiz ibu bapa. Bagaimanakah saya boleh menetapkannya kepada -100% daripada ketinggiannya sendiri.

Answer 1

Anda sedang mencari "position:fixed”和“transform:translateY(100%);". Ini membolehkan anda mengalihkan div 100% keluar dari port pandangan, tanpa mengira ketinggian div.

Contoh:

div {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  background-color: red;
  color: #fff;
  transform: translateY(100%);
}