Kedudukan CSS

Kedudukan CSS

kedudukan: kaedah kedudukan elemen, nilai adalah statik, tetap, relatif, mutlak

• statik: kedudukan statik (keadaan lalai, bukan kedudukan ).

• Tetap: Kedudukan tetap.

• Relatif: kedudukan relatif.

• Mutlak: Kedudukan mutlak.

Kaedah penentududukan hendaklah digunakan bersama dengan atribut penentududukan

Koordinat penentududukan: nyatakan elemen penentududukan dan sejauh mana ia diimbangi daripada elemen sasaran.

• kiri: elemen kedudukan, jarak dari sebelah kiri elemen sasaran.

• atas: elemen kedudukan, jarak dari bahagian atas elemen sasaran.

• kanan: elemen kedudukan, jarak dari sebelah kanan elemen sasaran.

• bawah: elemen kedudukan, jarak dari bahagian bawah elemen sasaran.

Kedudukan tetap, kedudukan: tetap

• Kedudukan tetap adalah relatif kepada tetingkap penyemak imbas.

• Kedudukan tetap, tidak menempati ruang, dan mempunyai tahap yang lebih tinggi daripada elemen biasa. Ia tidak menatal semasa halaman web menatal.

• Jika tiada koordinat kedudukan ditentukan, kedudukan elemen kedudukan tetap kekal pada tempatnya.

• Elemen kedudukan tetap mestilah "elemen blok", tidak kira apa elemen itu.

Kedudukan relatif, kedudukan:relatif;

• Kedudukan relatif, adalah relatif kepada " "diri asal" untuk meletakkan diri anda.

• Kedudukan relatif, masih mengambil ruang, dan mempunyai tahap yang lebih tinggi daripada elemen biasa.

• Jika tiada koordinat kedudukan ditentukan, kedudukan elemen yang agak berkedudukan akan kekal di tempatnya.

• Kedudukan relatif bermakna jika ia pada asalnya merupakan elemen sebaris, ia akan tetap menjadi elemen sebaris selepas kedudukan jika ia pada asalnya merupakan elemen blok, ia akan tetap menjadi elemen blok selepasnya kedudukan.

Nota: Kedudukan relatif dan kedudukan mutlak biasanya digunakan bersama.

Kedudukan mutlak, kedudukan:mutlak

• meletakkan elemen relatif kepada nenek moyangnya (kedudukan relatif, kedudukan mutlak) untuk melakukan kedudukan.

• Jika elemen induknya tidak mempunyai sebarang kedudukan, cari elemen yang diletakkan di atas.

• Jika <badan> sentiasa ditemui tetapi tiada unsur kedudukan ditemui, maka letakkannya secara relatif kepada <badan>.

• Elemen diposisikan secara mutlak, yang tidak mengambil ruang dan mempunyai tahap yang lebih tinggi daripada elemen biasa.

• Jika tiada koordinat penentududukan dinyatakan, kedudukan elemen yang diposisikan secara mutlak akan kekal di tempatnya.

• Elemen yang diposisikan secara mutlak ialah "elemen blok".