Bagaimanakah Saya Boleh Mengimbangi Sauh HTML untuk Mengelakkan Tersembunyi di Sebalik Pengepala Tetap Menggunakan CSS?

Mengimbangi Sauh HTML dengan Pengepala Tetap Menggunakan CSS

Apabila bekerja dengan sauh HTML dan pengepala tetap, ia boleh mengecewakan apabila halaman melompat ke kedudukan sauh di bahagian atas halaman, menyebabkan kandungan disembunyikan di belakang pengepala tetap. Untuk menyelesaikan isu ini dan menjajarkan sauh dengan tepat, anda boleh menggunakan teknik CSS untuk mengimbangi sauh dengan ketinggian pengepala.

Satu pendekatan mudah ialah mencipta kelas CSS tersuai untuk sauh:

<a class="anchor">

Seterusnya, anda boleh menentukan peraturan CSS untuk kelas ini untuk menjadikannya elemen blok dan meletakkannya secara relatif pada halaman. Dengan melaraskan sifat "atas" sewajarnya, anda boleh mengimbangi sauh dengan jumlah yang dikehendaki. Sebagai contoh, untuk mengimbanginya sebanyak 250px, anda akan menggunakan:

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

Teknik ini membolehkan anda mengawal kedudukan penambat dan memastikan ia sejajar dengan betul dengan kandungan yang dikehendaki pada halaman, tanpa mengira pengepala tetap. kehadiran.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimbangi Sauh HTML untuk Mengelakkan Tersembunyi di Sebalik Pengepala Tetap Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!