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中的一行代码来解决此问题： ~~position：relative~~

#sidebar {
    position: fixed;
}

但是如果您设置了一些内容，它会使您的内容位于侧边栏后面。因此，只需针对margin-left调整#content即可。我用它格子化，并在325左右看（如果我没记错的话）。

高度：100％未达到包含元素的底部

3 个答案: