Kedudukan Mutlak dan Blok Pembendung

Elemen yang diletakkan secara mutlak dikeluarkan daripada aliran dokumen biasa. Elemen lain bertindak seolah-olah elemen itu tidak wujud. Kedudukannya ditentukan secara relatif kepada leluhur terdekat yang berposisi.

Blok pembendungan bagi elemen yang diletakkan secara mutlak ialah leluhur terdekatnya yang mempunyai nilai position selain static. Jika tiada, elemen itu diletakkan secara relatif kepada blok pembendungan awal (port pandang).

Corak yang paling lazim: tambah position: relative pada induk untuk membendung anak yang diletakkan secara mutlak.

Dengan penempatan mutlak, top/right/bottom/left diukur dari tepi ruang dalam blok pembendungan.

Teknik pemusatan klasik untuk elemen mutlak:

Elemen yang diletakkan secara mutlak secara lalai mengecil mengikut kandungannya (melainkan lebar/tinggi ditetapkan). Elemen ini tidak lagi mengembang memenuhi lebar penuh bekasnya seperti elemen blok.

Menetapkan keempat-empat tepi kepada 0 akan meregangkan elemen yang diletakkan secara mutlak sehingga memenuhi blok pembendungannya:

Sifat inset ialah singkatan untuk top, right, bottom dan left secara bersama:

Elemen yang diletakkan secara mutlak mengambil bahagian dalam konteks susunan. Gunakan z-index untuk mengawal elemen mutlak bertindih yang dipaparkan di atas.

Jika anda terlupa menambah position: relative pada induk, anak mutlak akan diletakkan secara relatif kepada leluhur terdekat yang sudah berposisi — selalunya port pandang. Sentiasa semak blok pembendungan.

Bekas flex atau grid NOT secara automatik menjadi elemen berposisi. Anda masih perlu menambah position: relative secara jelas untuk menjadikannya blok pembendungan bagi anak mutlak.

Elemen yang diletakkan secara mutlak meninggalkan aliran dokumen dan diletakkan secara relatif kepada leluhur terdekatnya yang bukan statik. Sentiasa tambah position: relative pada induk untuk mengawal penempatan. Gunakan inset: 0 untuk meregangkan elemen mutlak sehingga memenuhi bekasnya.