Fenomena pelik lebar tetapan gaya di bawah pertukaran Firefox_Experience

... .Senaraikan data....< /table>

%; margin:10px;}
Tetapkan gaya untuk grid #grid {width:100%}
Hasil ujian adalah normal dalam IE, lebar sebenar bekas akan melebihi 100%. dan bar skrol mendatar akan muncul kerana Firefox mengira margin Masukkan lebar, yang sebenarnya sama dengan 100%+20px>100%.
Sudah tentu, anda boleh mengalih keluar definisi margin div dan sebaliknya menggunakan padding badan, bagaimanapun, terdapat kandungan lain pada halaman yang perlu menduduki keseluruhan halaman.
Jadi pada masa lalu, untuk menyelesaikan masalah ini, div ditakrifkan dengan lebar: 98% dalam Firefox Ini nampaknya menyelesaikan masalah, tetapi jika tetingkap penyemak imbas menjadi lebih kecil, 98%+20px di bawah Firefox mungkin lebih besar daripada 100 % dan bar skrol mendatar muncul.

Untuk mencuba, saya menukar gaya bekas kepada #container {width:100%-20; margin:10px}, dan kemudian pergi ke Firefox untuk melihat Haha, ternyata biasa. , ia sama seperti di bawah IE, ia benar-benar pelik, definisi lebar: 100%-20 sepatutnya salah! Tetapi ia menyelesaikan masalah Firefox termasuk margin Saya mencubanya lagi dan mendapati ia boleh dikurangkan dengan mana-mana nombor daripada 100%.
Mungkin ia hanya pepijat, haha! Mungkin ada yang pakar tahu sebabnya. Saya telah mengujinya sendiri dan menyiarkan kod dan tangkapan skrin: