带侧边栏的棘手粘性页脚

Question

我希望在页面的内容区域内放置一个粘性页脚，并带有一个全高的侧边栏。

以下是我正在处理的网页的副本： http://www.lavenderstone.co.uk/stackoverflow/

我过去曾多次成功使用http://ryanfait.com/sticky-footer/，而使用％'的方法。我遇到的问题的转折是有一个100％高度的侧边栏（绿色），我需要内容div（灰色）底部的页脚（橙色）。

我不能将页脚div放在其父div的底部，也不能强迫它的兄弟拥有100％的高度减去页脚的高度。我试过两个都无济于事。

我可以将页脚放在页面底部，但这会破坏侧栏的设计。有人可以帮忙吗？我几乎想要求助于javascript！

Answer 1

将此样式添加到content-wrap元素

#content-wrap{
    height:100%;
}

将您的页脚元素放在内容元素中并添加此样式;

#footer{
    position:absolute;
    bottom:0;
}