身高：100％没有达到含有元素的底部

Question

我试过寻找类似的问题，但我似乎无法找到解决方案。我很感激，如果有人可以在这里看看，看看为什么侧边栏不扩展到内容div的底部：http://robert.io/posts/1.html

我绝对不想使用Javascript来做到这一点。我感谢帮助！

Answer 1

快速的解决办法是添加这些：

body { background-color: #2C3B63; } 
#content { background-color: white; } 

Answer 2

进行以下CSS变化：

<style type="text/css"> 
#page { 
    display: table; 
    height: 100%; 
} 

#sidebar, #content { 
    display: table-cell; 
    float: none; 
    clear: none; 
} 

#sidebar { 
    vertical-align: top; 
} 
</style> 

测试在Chrome 26（OS X）

Answer 3

您可以通过更改一行代码在你的CSS解决这个问题： 位置：相对

#sidebar { 
    position: fixed; 
} 

但随着您如何设置事物，它会导致您的内容坐在您的边栏后面。所以只需要调整你的margin-left为#content。我用它格子化，然后在325左右（如果我没记错的话）看。