我的页脚没有留在底部，后面留下了一个空白区域

Question

我的页脚总是在表格列表中浮动，请在此处查看我的页面：

jsfiddle

#footer {
clear: both;
margin: 0 auto;
height: 20px;
background-color: #666600;
padding: 20px;

}

我试图把位置：固定和放大底部：#footer中的0但它没有帮助。我想让页脚保持精确的位置，没有空白。有什么想法吗？

Answer 1

给#sideber定位：relative

    #sidebar {
    float: left;
    height: 100%;
    width: 150px;
    background-color: #333333;
    position:relative;
    top:0;
    bottom:0
}

Jsifiddle