Rumah hujung hadapan web tutorial css Apakah kaedah penentududukan elemen dalam css

Apakah kaedah penentududukan elemen dalam css

Apr 26, 2024 am 11:36 AM
css susunan kedudukan mutlak Kedudukan tetap

Kaedah kedudukan elemen dalam CSS ialah: Kedudukan aliran biasa: Elemen kekal dalam aliran biasa. Kedudukan relatif: Elemen dialihkan secara relatif kepada kedudukan asalnya. Kedudukan apungan: Elemen dialih keluar daripada aliran tetapi mengekalkan lebarnya. Kedudukan mutlak: Elemen dialih keluar daripada aliran dan diposisikan relatif kepada elemen nenek moyang yang diposisikan. Kedudukan tetap: Elemen dialih keluar daripada aliran dan diletakkan relatif kepada tetingkap penyemak imbas. Kedudukan susun atur grid: Letakkan elemen menggunakan peraturan grid. Kedudukan Flexbox: susun elemen sepanjang paksi, saiz kawalan dan penjajaran. Susunan susun: Kawal susunan unsur dalam susunan susun. . Tidak melepaskan diri daripada aliran dokumen teks.

Relatif: Apakah kaedah penentududukan elemen dalam css Menggerakkan elemen berbanding kedudukan asalnya. Elemen lain tidak terjejas.

Kedudukan Terapung

Terapung: Elemen dialih keluar daripada aliran dokumen tetapi mengekalkan lebar asalnya dan diselaraskan dengan elemen lain. .

  • Kedudukan tetap
  • Dibetulkan:
  • Elemen dialih keluar daripada aliran dokumen dan diletakkan relatif kepada tetingkap penyemak imbas.

Kedudukan Susun Atur Grid

  • Grid:
  • Bahagikan bekas grid kepada baris dan lajur dan letakkan elemen menggunakan peraturan grid.

Flex Box Positioning

  • Flex:
  • Susun elemen di sepanjang paksi utama atau paksi silang dan kawal saiz dan penjajarannya.

Turut susun

  • z-index:
  • Mengawal susunan elemen dalam susunan susun. Nilai indeks z yang lebih tinggi bermakna elemen diletakkan di atas elemen lain.

Atas ialah kandungan terperinci Apakah kaedah penentududukan elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyemak trafik pada telefon bimbit Apple Bagaimana untuk menyemak trafik pada telefon bimbit Apple May 09, 2024 pm 06:00 PM

Cara menyemak penggunaan data pada Apple 1. Langkah khusus untuk menyemak penggunaan data pada telefon mudah alih Apple adalah seperti berikut: Buka tetapan telefon. Klik butang Selular. Tatal ke bawah pada halaman rangkaian selular untuk melihat penggunaan data khusus bagi setiap aplikasi. Klik Guna untuk turut menetapkan rangkaian yang dibenarkan. 2. Hidupkan telefon, cari pilihan tetapan pada desktop telefon, dan klik untuk masuk. Dalam antara muka tetapan, cari "Rangkaian Selular" dalam bar tugas di bawah dan klik untuk masuk. Dalam antara muka rangkaian selular, cari pilihan "Penggunaan" pada halaman dan klik untuk masuk. 3. Cara lain ialah menyemak trafik sendiri melalui telefon bimbit, tetapi telefon bimbit hanya boleh melihat jumlah penggunaan dan tidak akan memaparkan trafik yang tinggal: hidupkan iPhone, cari pilihan "Tetapan" dan bukanya. Pilih "Lebah"

Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode May 09, 2024 am 09:40 AM

1. Mula-mula, selepas membuka antara muka vscode, klik butang ikon tetapan di sudut kiri bawah halaman 2. Kemudian, klik pilihan Tetapan dalam lajur halaman lungsur 3. Kemudian, cari pilihan Explorer dalam tetingkap lompat 4. Akhir sekali, di sebelah kanan halaman Klik pilihan OpenEditorsnaming, pilih butang abjad dari halaman lungsur dan simpan tetapan untuk melengkapkan pengisihan abjad

Bagaimana untuk menetapkan atribut yang tidak diketahui dalam kaedah vscode vscode untuk menetapkan atribut yang tidak diketahui Bagaimana untuk menetapkan atribut yang tidak diketahui dalam kaedah vscode vscode untuk menetapkan atribut yang tidak diketahui May 09, 2024 pm 02:43 PM

1. Mula-mula, buka ikon tetapan di sudut kiri bawah dan klik pilihan tetapan 2. Kemudian, cari lajur CSS dalam tetingkap lompat .

Bagaimana untuk menggunakan gabungan dalam java Bagaimana untuk menggunakan gabungan dalam java May 09, 2024 am 06:03 AM

Kaedah merge() dalam Java Collections menggabungkan dua koleksi tersusun yang disusun untuk menjana koleksi tersusun baharu, mengekalkan susunan asal. Sintaks: gabungan <T> Senarai<T> statik awam (Peta Isih<T, Berganda> a, Peta Isih<T, Berganda> b). Ia menerima dua koleksi yang diisih dan mengembalikan koleksi baharu yang mengandungi semua elemen dalam susunan yang diisih. Nota: Nilai kunci pendua akan digabungkan mengikut fungsi cantum, dan koleksi asal tidak akan diubah suai.

Apakah sepuluh platform perdagangan mata wang maya? Apakah sepuluh platform perdagangan mata wang maya? Feb 20, 2025 pm 02:15 PM

Dengan populariti kriptografi, platform perdagangan mata wang maya telah muncul. Sepuluh platform perdagangan mata wang maya teratas di dunia disenaraikan seperti berikut mengikut jumlah transaksi dan bahagian pasaran: Binance, Coinbase, FTX, Kucoin, Crypto.com, Kraken, Huobi, Gate.io, Bitfinex, Gemini. Platform ini menawarkan pelbagai perkhidmatan, dari pelbagai pilihan cryptocurrency untuk perdagangan derivatif, sesuai untuk peniaga yang berbeza -beza.

Cara mengasingkan gaya dalam komponen dalam vue Cara mengasingkan gaya dalam komponen dalam vue May 09, 2024 pm 03:57 PM

Pengasingan gaya dalam komponen Vue boleh dicapai dalam empat cara: Gunakan gaya berskop untuk mencipta skop terpencil. Gunakan Modul CSS untuk menjana fail CSS dengan nama kelas yang unik. Atur nama kelas menggunakan konvensyen BEM untuk mengekalkan modulariti dan kebolehgunaan semula. Dalam kes yang jarang berlaku, adalah mungkin untuk menyuntik gaya terus ke dalam komponen, tetapi ini tidak disyorkan.

Cara menyesuaikan pertukaran terbuka bijan ke dalam bahasa Cina Cara menyesuaikan pertukaran terbuka bijan ke dalam bahasa Cina Mar 04, 2025 pm 11:51 PM

Bagaimana cara menyesuaikan pertukaran terbuka bijan ke bahasa Cina? Tutorial ini merangkumi langkah -langkah terperinci mengenai komputer dan telefon bimbit Android, dari penyediaan awal hingga proses operasi, dan kemudian menyelesaikan masalah biasa, membantu anda dengan mudah menukar antara muka pertukaran terbuka ke Cina dan cepat memulakan dengan platform perdagangan.

Langkah grafik untuk menetapkan sifat lalai CSS dalam Visual Studio 2019 Langkah grafik untuk menetapkan sifat lalai CSS dalam Visual Studio 2019 May 09, 2024 pm 02:01 PM

1. Buka Visual Studio 2019, cari tetapan pilihannya dan klik CSS. 2. Di sini anda boleh melihat tetapan teknikal atribut berikut. 3. Kini anda boleh menetapkan teks dan mengisi sempadan di sini. 4. Pada masa ini, anda juga boleh menetapkan kedudukan terapung di sini. 5. Pada masa ini, anda juga boleh menetapkan sempadan dan latar belakang di sini untuk menyelesaikan operasi. 6. Akhir sekali, klik butang OK di sini untuk menetapkan sifat lalai CSS.

See all articles