il tag bottom non funziona

Salve ho un problema devo creare un footer con un box sto provando ad inserire il codice di sotto il bottom a 150 px funziona se aumento per la distanza cioè a 1000px scompare come è possibile?

Codice HTML:

---

#box-menu-footer1 {
    position: absolute;
  bottom: 1000px;
  left: 5px;
  width: 900px;
  height: 120px;
  border-radius: 8px;
    background-color: #000;
  color: #EEF0E9;
  border: 2px solid #000;
 
    box-shadow: 0 8px 16px 0 rgba(228, 220, 220, 0.2), 0 6px 20px 0 rgba(233, 224, 224, 0.19);
 
  }

---

Codice HTML:

---

<div id="box-menu-footer1"></div>

---

Salve,
è normale, bottom ha le coordinate (0,0) che partono dall'anglo sinistro in basso, quindi con 1000 px, significa che si esegue uno spostamento verso l'alto e non verso il basso, di tale valore. Con top che ha le coordinate (0,0) che partono dall'anglo sinistro in alto e viene traslato verso il basso, si può usare il valore 1000 o superiore.

Restano comunque preferibili dei valori relativi rispetto a quelli assoluti, poichè con dei valori fissi il fotter non si adatta allo schermo del dispositivo che lo visualizza. Quindi sarebbe controproducente se pertinente alle pagine di un sito.

Cordiali saluti.

E scusa se te lo chiedo che significato ha il valore relativo

Citazione:

---

Originalmente inviato da avid3878814

E scusa se te lo chiedo che significato ha il valore relativo

---

Con valore assoluto s'intendono dei valori fissi, mantre con valori relativi, valori che sono variabili come ad esempio quelli espressi in percentuale (es. width: 100%;).

Cordialis aluti.