Mengapa Penggayaan Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Viewport?

Cara Penggayaan Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Viewport

Apabila menggayakan latar belakang elemen badan, pembangun mungkin menghadapi kesan yang tidak dijangka apabila penggayaan melangkaui elemen badan dan meliputi keseluruhan ruang pandang. Tingkah laku ini berpunca daripada peranan elemen badan sebagai elemen akar dalam CSS.

Menurut spesifikasi yang digariskan dalam Standard CSS W3C, penggayaan latar belakang digunakan pada elemen akar (dalam kes ini, elemen badan) mempengaruhi keseluruhan kanvas halaman web. Kanvas ini merangkumi kawasan paparan yang tersedia dalam port pandangan penyemak imbas, melangkaui sempadan elemen badan.

Dalam contoh yang disediakan:

body {
  width: 700px;
  height:200px;
  border: 5px dotted red;
  background-color: blue;
}

Sifat lebar dan ketinggian digunakan khusus untuk elemen badan, seperti yang dijangkakan. Walau bagaimanapun, warna latar belakang merentangi keseluruhan skrin kerana elemen badan ialah elemen akar, dan gaya latar belakangnya mempengaruhi keseluruhan kanvas, seperti yang ditentukan oleh spesifikasi CSS.

Pada asasnya, latar belakang elemen badan menjadi latar belakang keseluruhan kawasan halaman web dalam penyemak imbas, bukannya hanya menggayakan elemen badan itu sendiri. Ini menggambarkan tingkah laku unik yang dikaitkan dengan menggayakan latar belakang elemen akar dalam CSS.

Atas ialah kandungan terperinci Mengapa Penggayaan Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Viewport?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!