<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3. Zweispaltiges Layout rechts fest links adaptiv< ; /title>
<style type="text/css">
.main {
height:600px;
background-color:skyblue;
margin-right:200px;
}
. right {
width:200px;
height:600px;
background-color:lightgreen;
float:right; /*Legen Sie den rechten Float des Blockelements fest*/
}
</style>
</head>
<body>
<div>body</div>
<div>right</div>
</body>
</html> ;
3
0
0
一個混跡在二次元邊際的程序員
同意二樓觀點(diǎn)??
你使用margin-right:200px;
是想給右邊div留位置出來吧？
但是div默認(rèn)寬度100%?
所以你設(shè)置margin-right:200px;之后的div寬度其實(shí)還是100%
因?yàn)閜adding，margin，width，border 加起來才是組件的真實(shí)寬度或高度
請將
<div>主體</div>
<div>右側(cè)</div>
改為
<div class="main">主體</div>
<div class="right">右側(cè)</div>
再測試代碼~
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
