<!DOCTYPE html>
<html lang="ms">
<head>
<meta charset="UTF-8">
<tajuk>Susun atur lajur tunggal</tajuk>
;gaya>
badan{
lebar: 90 %;
/*tinggi: 500px auto; berada di tengah mendatar bahagian blok*/
}
.utama .kiri{
lebar: 30%;
tinggi: 500px;
warna latar: merah jambu;
apung: kiri;/*Saya mahu terapung ke kiri ke bahagian atas, keluar daripada aliran dokumen dan gerakkan baris bawah ke atas*/
}
.utama .kanan{
lebar: 69%;
tinggi: 500px;
warna latar: merah jambu dalam;
terapung: kanan;/* Kesan kanan dan kiri adalah sama. Selepas terapung, aliran dokumen baharu terbentuk*/
}
.footer{
;
tinggi: 60px;
latar belakang- warna: blueviolet;
margin:0. auto;
}
.jelas{
jelas: kedua-duanya;
}
</style>
</kepala>
<badan>
<div class="header" ></div <div class="utama">
<div class="left"></div>
<div class="right"></div>
<div class="clear "></div>
</div>
<div class="footer"></div>
</body>
</html>
Kenapa kita guna
utama .kiri
apabila menetapkan gaya .kiri dalam gaya dan gunakan .jelas terus apabila menetapkan gaya .jelas
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Menggunakan .main .left mempunyai keutamaan yang lebih tinggi. Ia jelas memberitahu anda bahawa gaya ini ditinggalkan di bawah kelas utama Ia mengehadkan skop dan membolehkan penyemak imbas mencari objek yang ingin dipaparkan dengan lebih tepat.
Ini adalah penamaan, tiada syarat tertentu. Anda boleh menamakannya apa sahaja yang anda mahukan