所以我发布了一个类似的问题不久之前，但虽然我得到了帮助解决我的部分问题，我意识到我的侧边栏仍然不会做我喜欢。
问题是，到目前为止，我有一个侧边栏，我想与我的页脚对齐，但它停在"小部件"之后。换句话说，我希望侧边栏跟随主内容一直到页脚，即使侧边栏本身并不总是有足够的内容。
我已经尝试了几种方法来做到这一点，但我还没有找到一个很好的解决方案，谁能帮我这个?:)
这是该项目的CODEPEN。
迈克尔有一个古老的方法可以让你到达你需要的地方。
让我们假设如下:
<div id="container"> // Give it overflow: hidden;
<div id="maincontent">
Your main content goes here // Assumes this is always taller than sidebar
</div>
<div id="sidebar">
This is your sidebar stuff // Give it a height of something like height: 16000 px;
</div>
</div>
<div id="footer">
This is your footer stuff
</div>
使用此方法，侧边栏将始终是所有内容中最高的，但由于它所在的容器在CSS中隐藏了溢出:，因此侧边栏将仅与您的"maincontent"DIV一样高
第2部分:
好了，我找到了问题所在，我忘记了一个重要的部分:
忘记边栏:height: 16000px;
你需要padding-bottom: 5000px和margin-bottom: -5000px;//或者任何你想要的值，只要记住margin-bottom必须和padding-bottom的大小相同，除了一个负数
你应该给它们一个通用的类，并使用一个脚本，如Equal Heights。更多信息请访问http://filamentgroup.com/lab/setting_equal_heights_with_jquery/。
编辑:作为一个例子，假设你已经包含了这个库，并且你的元素(侧边栏和内容容器)都有eq-height类，你需要在你的模板<head>中添加这个块:
<script type="text/javascript">
$(document).ready(function() {
$('eq-height').equalHeights();
});
<script>