使用div＃wrap

Question

擴大div＃leftcontent的高度請參閱此頁面的完整代碼this鏈接和in the end result。

我的div＃wrap（藍色）包含頁面的全部內容，其中有幾個div，其中之一就是＃leftcontent想留在頁面底部的高度（即使是＃包格

基本上，紅線（在頁面底部）應該坐在藍線（在頁面底部）

Answer 1

添加下面的CSS規則：

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

與更換用這個：

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將工作，但會要求你某種形式的高度元素設置爲你的＃包裝div。

Answer 3

這是因爲你的div#powered有一個clear:both就可以了。定位該分區的另一種方法是使用定位（確保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 →