CSS Layouting : position2;

Position


absolute

  • Ketika kita menggerakan elemen dengan posisi absolute(menggunakan properti top, left, bottom dan right), ruang yang ditempati oleh elemen tersebut dianggap tidak ada
  • ketika kita menggerakan elemen dengan posisi absolute, elemen akan bergerak relatif terhadap posisi dari elemen parent-nya, selama element parent-nya memiliki posisi yang juga non-static
  • jika kita memberi properti top: 0; dan left: 0; maka elemen akan berada di ujung kiri atas dari elemen parent-nya
  

fixed

  • ketika kita menggerakan elemen fixed(menggunakan properti top, left, bottom dan right), maka fixed akan selalu bergerak relatif terhadap windows browser
  • ketika kita scroll halaman, element tersebut akan tetap di posisinya

Komentar