css - 用 div # wrap 扩展 div # leftcontent 的高度

Question

查看此页面的完整代码 this链接，和 in the end result .

我的 div # wrap (blue) 包含页面的全部内容，我在里面有几个 div，其中之一是 # leftcontent 想保持页面底部的高度(即使是 # wrap分区

基本上，红线(页面底部)应该位于蓝线(页面底部)上

Answer 1

添加以下CSS规则:

div#wrap {
    /* the other css rules for this selector */
    position: relative;
}

并将 div#powered 的 css 替换为:

div#powered {
    font-size: 10px;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

现场测试:http://jsfiddle.net/moeishaa/VB8L9/