<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4. 2 列レイアウト 2: 左本文adaptive_right 列固定幅</title>
<style type="text/css">
。 right {
幅: 200px;
高さ: 600px;
float: right;
背景色: スカイブルー;
}
.main {
高さ: 600px;
背景色: シアン;
margin-right :200px;
}
</style>
</head>
<body>
< !-- DOM -->
<div class="main">left_main</div>
<div class="right" >右側</div> ;
<!-- CSS スタイルは変更されません。2 つの div ブロックの順序を入れ替えると、上下に表示され、並べて表示することはできません。これはなぜですか?-->
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
以前追加した float: right を float: left に変更するだけです