<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3. 左右固定アダプティブの 2 列レイアウト</title>
<style type="text/css">
.main {
height:600px;
background-color:skyblue;
margin-right:200px;
}
.right {
width:200px;
height:600px;
background-color:lightgreen;
float:right; /*右のフロートを設定しますブロック要素* /
}
</style>
</head>
<body>
< ;div>本文</div>
<div>右</div>
</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
私は 2 階の意見に同意します
右側に div のためのスペースを残しておきたいから margin-right:200px;
を使用しますか?
しかし、div のデフォルトの幅は 100% です
したがって、 margin-right:200px; を設定した後でも、その後の div の幅は実際には 100% のままです
なぜなら、パディング、マージン、幅、ボーダーを合計すると実際の幅になります。コンポーネントの幅または高さ
コードを飲み込みに行ったら、クラスが消えてしまいました