Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengeluarkan Margin Badan yang Tidak Diingini dengan Berkesan dalam CSS Tanpa Tetapan Semula Global?

Bagaimanakah Saya Boleh Mengeluarkan Margin Badan yang Tidak Diingini dengan Berkesan dalam CSS Tanpa Tetapan Semula Global?

Patricia Arquette
Lepaskan: 2024-12-15 12:32:10
asal
202 orang telah melayarinya

How Can I Effectively Remove Unwanted Body Margin in CSS Without Global Resets?

Menyelesaikan Isu Margin Badan dalam CSS

Sebagai pembangun web pemula, anda telah menghadapi cabaran dalam mengalih keluar ruang margin daripada elemen badan anda. Ruang ini muncul di antara bahagian atas penyemak imbas dan teks "logo", seperti yang anda perhatikan dalam kod jsbin anda. Memahami punca dan menggunakan penyelesaian yang betul adalah penting.

Pendekatan menggunakan peraturan CSS berikut untuk mengalih keluar margin adalah tidak betul:

body { margin: 0; }
Salin selepas log masuk

Walaupun ia kelihatan mudah, kaedah ini boleh menyebabkan akibat yang tidak diingini. Ia bukan amalan yang disyorkan untuk menetapkan semula semua jidar dan pelapik secara global kepada sifar.

Dalam kes anda, jidar h1 muncul di luar bekas induk kerana elemen induk tidak mempunyai pelapik. Dengan menambahkan padding pada elemen induk h1, margin akan berada dalam sempadan induk.

Daripada melaksanakan tetapan semula global, adalah dinasihatkan untuk menyasarkan elemen tertentu yang memerlukan pelarasan margin. Untuk contoh ini, anda boleh mengalih keluar sifat margin atas untuk tajuk tertentu dan bukannya menggunakan peraturan menyeluruh yang boleh mempunyai kesan yang tidak diingini di tempat lain dalam kod anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Margin Badan yang Tidak Diingini dengan Berkesan dalam CSS Tanpa Tetapan Semula Global?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan