Apakah Nilai Lalai untuk `atas`, `kiri`, `bawah` dan `kanan` apabila Menggunakan `kedudukan: mutlak`?

Nilai Lalai untuk Kedudukan: Mutlak

Apabila menggunakan kedudukan: sifat CSS mutlak tanpa menyatakan sebarang nilai, adalah penting untuk memahami lalai nilai untuk sifat atas, kiri, bawah dan kanan. Bertentangan dengan kepercayaan popular, nilai ini tidak ditetapkan kepada 0 secara lalai.

Sebaliknya, nilai lalai untuk semua sifat ini ialah "auto". Ini bermakna elemen itu kekal dalam kedudukan biasa dalam susun atur, seolah-olah ia tidak diletakkan sama sekali. Ini dikenali sebagai "kedudukan statik."

Gelagat elemen dengan semua nilai offsetnya ditetapkan kepada "auto" ditakrifkan dalam spesifikasi CSS. Untuk kedudukan mendatar, kekangan ialah:

'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing block

Jika ketiga-tiga 'kiri', 'lebar' dan 'kanan' ialah "auto", lebar elemen ditetapkan kepada "mengecut-ke- muat," dan nilai 'kiri' ditentukan berdasarkan kedudukan statik.

Begitu juga, untuk kedudukan menegak, kekangannya ialah:

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = height of containing block

Jika ketiga-tiga 'atas' , 'ketinggian' dan 'bawah' ialah "auto", nilai teratas elemen ditetapkan kepada kedudukan statik dan ketinggiannya ditentukan berdasarkan kandungannya.

Atas ialah kandungan terperinci Apakah Nilai Lalai untuk `atas`, `kiri`, `bawah` dan `kanan` apabila Menggunakan `kedudukan: mutlak`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!