CSS:侧边栏 div 不会留在原地!

Question

我附上了我的 HTML 和 CSS，希望有人能帮助我。基本上我有一个右侧边栏 div，其中的内容不会推到顶部。当我尝试使用位置和高度属性时，内容只是漂浮在整个页面上，甚至不会停留在右侧边栏中。我希望有人能指出我正确的方向，我已经查看了很多帖子，但我尝试的任何方法似乎都不起作用。

HTML:

<div id="container">

<div id="head">
</div>          


<div id="menuTop">
</div>

<div id="content">
</div>

<div id="sidebar">
</div>

<div id="footer">
</div>  
</div> 

CSS:

#container {
margin: 0 auto;
width: 1000px;
background: url("bgbg.jpg");
border: 10px solid #000;
}

#content {
float: left;
width: 750px;
padding: 0;
background: url("bgbg.jpg");
border-right: 1px dashed #fff;
}

#sidebar {
float: right;
background: url("bgbg.jpg");
width: 250px;
}

Answer 1

CSS 盒模型 101 - div(或任何元素)的实际宽度为 width + padding + borders

所以你的两个 float div 加起来是 1001px

content div @ 750px + 1px border 实际上是 751px 宽，把它的宽度设为 749px 就可以了