css修复左边的div

Question

我正在尝试用div分隔的2面页面。其中一个是内容，另一个是侧边栏。

侧边栏必须位于左侧。

以下是我目前使用的代码：

#SideBar
{
 float: left;
 width: 300px;
 background-color: #727272;
 height: 100%;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
}

#Content
{
 float: left;
 right: 0px;
 top: 0px;
 bottom: 0px;
 position: absolute;
 left: 300px;
 padding: 3px;
 font-size:12px;
 overflow:auto;
}

第一次看起来工作正常但是当我恢复（调整大小）我的浏览器时，它会破坏。

位于侧边栏的Div已溢出。是的，我在谈论侧边栏的内部元素。

为什么侧栏没有固定在左侧？

提前致谢。

修改

我的HTML是：

<div id="SideBar">
 Sidebar content goes here
</div>
<div id="Content">
 Main content goes here
</div>

Answer 1

根据下面的评论，添加min-height属性应解决它。