cssのスタイルはそのままで、2つのdivブロックの順序を入れ替えると上下に表示され、並べて表示することはできません。何故ですか？
<!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 ブロックの順序を入れ替えると、上下に表示され、並べて表示することはできません。これはなぜですか?-->
