Bagaimana untuk mengosongkan kedudukan

Gunakan set atribut kedudukan kepada statik, gunakan set atribut kedudukan untuk diwarisi, gunakan set atribut kedudukan untuk dinyahset, gunakan set atribut kedudukan kepada permulaan, gunakan set atribut kedudukan untuk kembali dan gunakan atribut kedudukan ditetapkan kepada dinyahtetapkan penting untuk mengosongkan kedudukan.

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.

CSS (Cascading Style Sheets) ialah bahasa penanda yang digunakan untuk mentakrifkan reka letak dan gaya halaman web. Dalam CSS, sifat kedudukan digunakan untuk menetapkan cara sesuatu elemen diletakkan. Kaedah penentududukan biasa termasuk statik, relatif, mutlak dan tetap. Dalam sesetengah kes, kita mungkin perlu mengosongkan cara sesuatu elemen diletakkan supaya ia mengikut aliran biasa. Artikel ini akan memperkenalkan beberapa kaedah untuk mengosongkan kedudukan.

1 Gunakan atribut kedudukan untuk ditetapkan kepada statik

Nilai lalai atribut kedudukan adalah statik, yang menyebabkan elemen menjadi. disusun mengikut aliran biasa. Jika kita ingin mengosongkan cara elemen diletakkan, kita hanya perlu menetapkan atribut kedudukan kepada statik. Contohnya:

.element {
position: static;
}

2. Gunakan atribut kedudukan untuk menetapkannya kepada mewarisi

Kata kunci warisan digunakan untuk mewarisi nilai atribut unsur induk. Jika nilai atribut kedudukan elemen induk adalah statik, maka nilai atribut kedudukan elemen anak juga akan statik, sekali gus mengosongkan kaedah kedudukan elemen anak. Contohnya:

.parent {
position: static;
}
.child {
position: inherit;
}

3 Gunakan atribut kedudukan untuk menetapkannya kepada unset

Kata kunci yang tidak ditetapkan digunakan untuk menetapkan semula semua nilai atribut ​. elemen kepada nilai lalainya. Jika kami menetapkan sifat kedudukan untuk dinyahtetapkan, kaedah kedudukan elemen akan dikosongkan. Contohnya:

.element {
position: unset;
}

4. Gunakan atribut kedudukan untuk menetapkannya kepada permulaan

Kata kunci awal digunakan untuk menetapkan semula nilai atribut bagi elemen kepada nilai awalnya. Untuk atribut kedudukan, nilai awal adalah statik. Jadi jika kita menetapkan sifat kedudukan kepada permulaan, kaedah kedudukan elemen akan dikosongkan. Contohnya:

.element {
position: initial;
}

5. Gunakan atribut kedudukan untuk menetapkannya untuk berbalik

Kata kunci revert digunakan untuk memulihkan nilai atribut bagi elemen kepada nilai lalai penyemak imbas . Jika kami menetapkan sifat kedudukan untuk berbalik, kaedah kedudukan elemen akan dikosongkan. Contohnya:

.element {
position: revert;
}

6. Gunakan atribut kedudukan untuk menetapkannya kepada unset!important

Dalam sesetengah kes, anda mungkin perlu menggunakan kata kunci !penting untuk memaksa gaya digunakan. Jika kami menetapkan sifat kedudukan kepada unset!penting, kaedah kedudukan elemen akan dikosongkan dan gaya ini akan mempunyai keutamaan tertinggi. Contohnya:

.element {
position: unset!important;
}

Ringkasan:

Di atas adalah beberapa cara untuk mengosongkan kedudukan elemen. Pilih kaedah yang sesuai untuk mengosongkan atribut kedudukan mengikut keperluan khusus supaya elemen boleh disusun mengikut aliran biasa. Pada masa yang sama, anda perlu berhati-hati untuk mengelakkan penyalahgunaan kata kunci !penting untuk mengelakkan konflik gaya dan kesukaran penyelenggaraan. .

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan kedudukan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!