Mengenal CSS position

Property ini memungkinkan kita untuk memindahkan elemen ke daerah yang kita mau entah itu ke atas, kanan, kiri dan bawah.

Apa saja jenis-jenis dari position ini? Yuk kita simak!

• Static

Kalo kamu enggak set property nya, maka secara default CSS elemen tersebut akan berperilaku static.

• Relative

Property ini mirip dengan static, yang menjadi perbedaan adalah position relative ini bisa dipindah-pindahkan posisinya.

• Absolute

Position absolute akan membuat elemen seolah-olah keluar dari flow normalnya dan membuat elemen di bawahnya mengisi ruang yang ditempati sebelumnya.

• Fixed

Ini mirip dengan position absolute yang menjadi pembeda adalah position fixed akan tetap berada di posisinya walaupun kita scroll.

Sumber: Instagram dicoding