Pemosisian Relatif vs Pemosisian Mutlak Dalam CSS: Perbedaan dan Perbandingan

Dunia CSS memperkenalkan kita pada berbagai syarat dan ketentuan. CSS adalah bahasa pemrograman penting dalam HTML (bahasa markup).

Ini difungsikan oleh beberapa pakar komputer profesional dan analis komputer. Dua istilah, Pemosisian Relatif dan Pemosisian Mutlak, ada dalam bahasa pemrograman CSS.

Pengambilan Kunci

1. Pemosisian relatif memindahkan elemen relatif ke posisi aslinya tanpa memengaruhi tata letak elemen lainnya.
2. Pemosisian absolut menghapus elemen dari aliran dokumen dan memposisikannya relatif terhadap leluhur terdekatnya.
3. Pemosisian relatif mempertahankan posisi elemen dalam alur dokumen, sementara pemosisian absolut dapat tumpang tindih atau mengganggu elemen lain.

Penentuan Posisi Relatif vs Penentuan Posisi Mutlak Di CSS

Posisi relatif terkait dengan pergerakan elemen dalam dokumen. Tata letak dokumen tidak berubah dalam posisi relatif. Penentuan posisi absolut terkait dengan pergerakan elemen dalam dokumen yang berbeda atau dari satu dokumen ke dokumen lainnya. Tata letak dokumen dapat diubah dalam posisi absolut.

Posisi Relatif dalam CSS adalah salah satu istilah yang paling berharga (digunakan oleh analis komputer) dalam pemrograman.

Ini memindahkan elemen sehingga tetap relatif terhadap posisi aslinya. Istilah "relatif" mengacu pada sesuatu yang diukur secara proporsional dengan keseluruhan.

Itu tidak mengubah tata letak dokumen. Ini memindahkan objek ke kiri, kanan, atas, dan bawah.

Pemosisian Mutlak di CSS adalah jenis posisi berharga yang membantu Anda menempatkan elemen di mana pun Anda mau.

Jenis animasinya diskrit (mirip dengan jenis animasi posisi relatif). G-kode posisi ini adalah G90. Posisi absolut selalu menempatkan elemen relatif terhadap induknya.

Jenis posisi ini berlaku untuk elemen bernama.

Tabel perbandingan

Apa itu Pemosisian Relatif di CSS?

Pemosisian relatif dalam CSS adalah salah satu pemosisian paling berharga dalam dunia pemrograman.

Pemosisian ini digunakan ketika elemen dalam dari elemen tertentu perlu ditempatkan secara mutlak.

Dalam penentuan posisi relatif, suatu elemen selalu ditempatkan secara mutlak terhadap induknya dan relatif terhadap posisi normalnya.

Di CSS, pemosisian relatif menyebabkan elemen bergerak di posisi kiri, kanan, bawah, atau atas.

Jenis pengaturan ini dapat menyebabkan terbentuknya beberapa ruang kosong atau celah yang tidak dapat diisi. Jenis pemosisian ini tidak mengubah tata letak.

Beberapa detail perlu dipahami untuk memahami istilah "posisi relatif". Beberapa rincian ini diberikan di bawah ini:

• Jenis Animasi – Diskrit
• Nilai yang Dihitung – Seperti yang ditentukan
• Nilai Default – Statis

Pemosisian relatif mempertahankan elemen dalam aliran dokumen normal. Posisi normal elemen tetap berada di dalam dokumen, mirip dengan nilai statis. CSS memberikan tanggung jawab unik untuk jenis pemosisian ini.

Beberapa fungsi dilayani oleh posisi relatif. Beberapa fungsi tersebut adalah:

• Ini membantu menentukan posisi / lokasi suatu elemen.
• Ini membantu menyesuaikan posisi elemen dalam posisi aslinya.
• Pemosisian relatif memberi seseorang kekuatan untuk memposisikan elemen dalam (dalam elemen halaman).

Apa itu Pemosisian Mutlak Dalam CSS?

Pemosisian mutlak dalam CSS adalah jenis pemosisian unik yang mengubah tata letak halaman.

Jenis pemosisian ini mengeluarkan elemen dari aliran dokumen normal; dengan demikian, elemen lain diposisikan seperti elemen tertentu itu tidak pernah ada.

Dalam penentuan posisi absolut, suatu elemen selalu ditempatkan relatif terhadap induknya dan secara absolut terhadap posisi normalnya.

Dalam CSS, pemosisian absolut digunakan ketika elemen dalam halaman elemen tertentu perlu ditempatkan secara relatif. Pemosisian absolut digunakan pada elemen bernama.

Itu tidak berfungsi pada kelas atau tipe elemen umum. Prinsip utama dari jenis pemosisian ini adalah hanya bekerja pada satu elemen pada satu waktu.

Beberapa analis dan spesialis komputer tidak mengetahui cara memusatkan elemen menggunakan pemosisian absolut.

Diberikan di bawah ini adalah beberapa langkah bagaimana melakukan pemusatan elemen menggunakan jenis pemosisian ini:

• Tambahkan kiri ke 50℅ elemen yang ingin Anda pusatkan.
• Tambahkan margin kiri negatif yang sama dengan setengah lebar elemen.
• Kemudian, tambahkan bagian atas ke 50℅ elemen yang ingin Anda pusatkan.
• Dan terakhir, tambahkan margin atas negatif yang sama dengan setengah lebar alat.

Perbedaan Utama Antara Pemosisian Relatif dan Pemosisian Mutlak Di CSS

1. Penentuan posisi relatif bersifat mutlak terhadap induknya, sedangkan penentuan posisi mutlak bersifat relatif terhadap induknya.
2. Pemosisian relatif memindahkan elemen dengan tata letak dokumen tertentu, sementara pemosisian absolut memindahkan elemen dari satu dokumen ke dokumen lainnya.
3. Tata letak tetap sama dalam hal penentuan posisi relatif, sementara di sisi lain, penentuan posisi absolut mengubah tata letak.
4. Elemen tetap dalam aliran dokumen normal relatif terhadap, sementara di sisi lain, dalam posisi absolut, elemen dikeluarkan dari aliran dokumen normal.
5. Dalam penentuan posisi relatif, elemen dalam diposisikan secara relatif, sedangkan dalam penentuan posisi absolut, elemen dalam diposisikan secara absolut.

1. https://dl.acm.org/doi/abs/10.1145/1067170.1067190
2. https://link.springer.com/article/10.1007/PL00012910