<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3. /titre>
<style type="text/css">
.main {
hauteur:600px;
couleur de fond:bleu ciel;
marge-droite:200px;
}
. right {
width:200px;
height:600px;
background-color:lightgreen;
float:right /*Définir le flotteur droit de l'élément de bloc*/
}
</style>
</head>
<body>
<div>body</div>
<div>right</div>
</body>
</html> ;
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je suis d'accord avec le point de vue du deuxième étage
Vous utilisez margin-right:200px;
parce que vous souhaitez laisser de la place pour le div à droite ?
Mais la largeur par défaut du div est de 100 %
Donc, après avoir défini margin-right:200px ; la largeur du div après cela est en fait toujours de 100 %
Parce que le remplissage, la marge, la largeur et la bordure s'additionnent au réel largeur ou hauteur du composant
Veuillez remplacer
<div>main</div>
<div>right</div>
en
<div class="main">main</div> class="right">right</div>
Testez à nouveau le code~
Je suis allé avaler le code, le cours est parti