<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tajuk kiri>3. /title>
<style type="text/css">
.utama {
height:600px;
background-color:skyblue;
margin-kanan:200px;
kanan {width:200px;height:600px;background-color:lightgreen;float:right; /*Tetapkan apungan kanan elemen blok*/};
;;
</kepala>
<badan>
<div>badan</div>
<div>kanan</div></div>< gt ;
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya bersetuju dengan sudut pandangan tingkat dua
Anda menggunakan margin-right:200px;
kerana anda ingin meninggalkan ruang untuk div di sebelah kanan?
Tetapi lebar lalai div ialah 100%
Jadi selepas anda menetapkan margin-right:200px; lebar div selepas itu sebenarnya masih 100%
Sebab padding, margin, width, dan border menambah kepada sebenar; lebar atau tinggi komponen
Segarkan perubahan
& lt; div & gt; main & lt;/div & gt;
& lt; div & gt; kanan & lt;/div & gt;
to
& lt; div class = "Main" class="right">right</div>
Uji kod sekali lagi~
Saya pergi telan kod, kelas hilang