CSS Position

CSS Position

Untuk artikel kali ini kita akan mencoba mencari tahu apa perbedaan position yang ada pada properti CSS. Mulai dari CSS position static, relative, absolute, fixed.

position:static

Pada posisi ini, sebenarnya ini adalah posisi default (statis) suatu elemen hampir tidak ada perbedaan sama sekali.

position:relative

Pada posisi ini kita bisa memanfaatkan properti top dan left. Objek akan berubah terhadap elemen utama dan juga relatif terhadap dirinya.

position:absolute

position absolute pada css, misalnya kita menerapkan objek memiliki position absolute, maka objek tersebut akan mengikuti induk elemen (parent), dengan catatan induk elemen menggunakan position relative.

position:fixed

Pada position:fixed ini posisi elemen akan tetap atau akan selalu pada posisinya (diam), meskipun browser di scroll.

Live source

Semoga artikel yang singkat ini dapat membantu teman-teman dalam memahami CSS Property Position dan Valuenya. Sampai jumpa pada artikel berikutnya.

 

Comments are closed.