我正在尝试将一个 div 放在另一个之上。
要查看我想要实现的目标，请查看此图片：https : //img1.etsystatic.com/059/1/8585976/il_570xN.749758093_cccu.jpg
我希望我的灰色左侧 div 位于粉红色标题顶部。
到目前为止，这是我的 HTML：
<body>
<div id="header"></div>
<div id="left"></div>
<div id="right"></div>
<div id="footer"></div>
</body>
还有我的 CSS：
#header {
width: 106%;
background-color: #E8D5C6;
height: 100px;
margin-top: -8px;
margin-left: -8px;
}
#left {
width: 15px;
background-color: #919191;
height: 400px;
margin-left: -8px;
}
这是将我的粉红色标题放在灰色左侧的顶部，我希望它是相反的，就像我给你看的照片一样：https : //img1.etsystatic.com/059/1/8585976/il_570xN .749758093_cccu.jpg
我正在尝试建立一个网站（仅供学习，不是一个实际的网站），并且在顶部有指向页面不同部分的链接。HTML如下：
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="nav">
<div class="container">
<ul>
<li><a href="#">Airbnb logo</a></li>
<li><a href="#">Browse</a></li>
</ul>
<ul>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
<div class="header">
<div class="container">
<h1>Find a place to stay.</h1>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
</div>
</div>
<div class="learn-more">
<div>
<div>
<div>
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p><a href="#">See …