Question

请参阅此页面的完整代码this链接和in the end result。

我的div #wrap（蓝色）包含页面的全部内容，里面有几个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/

Answer 2

将包含元素（在本例中为#wrap）设置为position:relative，然后设置position:absolute; bottom:0; left:0将起作用，但需要您为#wrap div设置某种高度元素。< / p>

Answer 3

这是因为您的div#powered上有clear:both。定位该div的另一种方法是使用定位（确保div#wrap具有position:relative）：

div#wrap 
{
    position:relative;
}
div#powered 
{
   position:absolute; right:0; bottom:0; 
}
.clear, div.address /* removed div#powered */
{
    clear:both;
}

See example →

使用div #wrap扩展div＃leftcontent的高度

3 个答案: