masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > Mengapa `kedudukan: relatif` Gagal pada Sel Jadual dalam Firefox dan Bagaimana Saya Boleh Membetulkannya?

Mengapa `kedudukan: relatif` Gagal pada Sel Jadual dalam Firefox dan Bagaimana Saya Boleh Membetulkannya?

Susan Sarandon
Lepaskan： 2024-12-15 11:25:10
asal
831 orang telah melayarinya

Why Does `position: relative` Fail on Table Cells in Firefox, and How Can I Fix It?

Gelagat Pelik Firefox: Meletakkan Elemen Jadual dengan kedudukan: relatif

Dalam dunia penentududukan CSS, seseorang mungkin menjangkakan Firefox akan dimainkan mengikut peraturan standard. Walau bagaimanapun, pembangun web sering menghadapi isu yang tidak dijangka apabila cuba menggunakan position: relative atau position: absolute on

elemen.

Masalahnya:

Pengguna melaporkan bahawa apabila memohon kedudukan: relatif atau kedudukan: mutlak kepada

atau elemen dalam Firefox, kesan kedudukan yang diingini nampaknya hilang.

Penyelesaian:

Untuk mengatasi keanehan Firefox ini, penyelesaian kreatif diperlukan. Daripada meletakkan terus sel jadual, pembangun boleh membungkus kandungannya dalam

elemen dan gunakan kedudukan: relatif kepada
sebaliknya.

Contoh:

Pertimbangkan kod HTML dan CSS berikut:

<table>
  <tr>
    <td>
      <div>
Salin selepas log masuk

Dalam senario ini,

diletakkan secara relatif kepada sel jadual, manakala bahagian dalam
diletakkan sepenuhnya dalam
luar. Penyelesaian ini membolehkan tingkah laku penentududukan yang diingini dalam Firefox.

Kesimpulan:

Walaupun sisihan Firefox daripada tingkah laku standard boleh mengecewakan, penyelesaian yang diterangkan di atas menyediakan penyelesaian yang elegan . Dengan menggunakan teknik ini, pembangun web boleh memastikan kedudukan yang konsisten merentas penyemak imbas yang berbeza, walaupun ketika berurusan dengan ciri unik Firefox.

Atas ialah kandungan terperinci Mengapa `kedudukan: relatif` Gagal pada Sel Jadual dalam Firefox dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn
Artikel sebelumnya：Bagaimana untuk Muat turun jQuery UI CSS dan Tema daripada CDN Google? Artikel seterusnya：Mengapa Lembaran Gaya Saya Menunjukkan "Sumber Ditafsirkan sebagai Lembaran Gaya tetapi Dipindahkan dengan Teks/html Jenis MIME"?
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
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2194
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2341
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1963
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1851
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1910
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved