如何将侧边栏中的div固定到底部？

Question

我有一个简单的两列布局，底部有一个页脚。当侧边栏中的内容高于主列中的内容时，一切看起来都很棒。但是当主列的高度大于侧栏时，我需要侧栏增长到与要固定的侧栏中的最后一个<div>的主列和相同的高度到最底层。

这是我的示例代码：

http://jsfiddle.net/mqnML/1/

Answer 1

侧边栏只会与其内容一样高。 fix 规避的一种方法是将两列都包装到另一个div中。因为您浮动列，所以使用clear:both的元素结束（我在底部添加了内联）。这样，包装器将与最高div（在这种情况下为左列）一样高。然后，pin-me-to-bottom div可以位于包装器的底部，而不是位于右侧列的内部。将position:relative;添加到包装器中，这样您就可以position:absolute; pin-me-to-bottom div。

结果：http://jsfiddle.net/7Mrgu/