# Position Absolute

Posisi absolute pada CSS digunakan untuk menentukan posisi absolut dari elemen HTML dalam halaman. Elemen yang memiliki posisi absolute akan ditempatkan sesuai dengan posisi absolut yang ditentukan oleh properti top, bottom, left, dan right.

![](https://content.gitbook.com/content/EQUgxdw6OPviHBs8pNr8/blobs/hXur78tu3gmoO0pmVTcA/0.png)

Properti top, bottom, left, dan right digunakan untuk menentukan jarak dari elemen tersebut dari bagian atas, bawah, kiri, dan kanan dari elemen induknya atau dari elemen yang memiliki posisi relatif.

Misalnya, jika Anda memberikan properti "`top: 10px; left: 20px`" pada elemen dengan posisi absolute, elemen tersebut akan ditempatkan 10px ke atas dan 20px ke kiri dari posisi elemen induknya atau dari elemen yang memiliki posisi relatif.

Elemen yang memiliki posisi absolute dianggap sebagai elemen terpisah dari halaman dan tidak akan mempengaruhi elemen lain saat ditranslasikan. Oleh karena itu, elemen dengan posisi absolute cocok digunakan untuk elemen yang memerlukan posisi yang pasti dan tidak dipengaruhi oleh elemen lain dalam halaman.