我在我的网站上调整内容区域(粉红色)和导航区域(红色)时遇到问题

Question

我在我的网站http://reesk.me/上调整内容区域(粉红色)和导航区域(红色)时遇到问题(显示问题的网址将在回答后删除)

关于我如何使这项工作的任何建议？html是

<div class="body">
<div id="header">
</div>
<div id="nav">
</div>
<div id="content">
</div>

</div>

而css是

.body {
background-color: #111111;
min-height: 1000px;
width: 900px;
margin-right: auto;
margin-left: auto;
color:#FFFFFF;
}
#header {
background-color: #000000;
background-image: url(logo.png);
background-repeat:no-repeat;
height: 200px;
width: 100%; 

}
#nav{
width:200px;
min-height:300px;
background-color:red;

}

#content{
position:relative;
left:200px;
top:0px;
width:700px;
min-height:500px;
background-color:pink;
}

Answer 1

你想把红色区域旁边的粉红色区域而不是它下面吗？在这种情况下,删除相对定位的东西,只是#nav有用float: left;.