CSS：對齊一個div到父DIV

Question

http://jsfiddle.net/nFrp7/4/

我有類似這樣的jsfiddle我創建了一個佈局的底部。我想知道如何讓藍色的div位於底部（紅色div延伸的位置），無論如何（但不使用position: fixed;或bottom: 0;）。

我該怎麼做？

Answer 1

入住這 http://jsfiddle.net/nFrp7/10/

使用一個包裝div來包含所有佈局的div和使用絕對定位爲藍格

Answer 2

把一個包裝div圍繞一切，並適用於height:400px;和position:relative;它。然後在藍色div上使用position:absolute;,bottom:0;和right:0;。

Answer 3

嗯....

.right-main { 
width: 100px; 
height: 30px; 
clear: both; 
background-color: green; 
} 

清除左格？

因爲一切都是浮動的，我不認爲沒有定位就沒有可能。

那麼有這個... FIDDLE UPDATE

但它確實使用的定位。

Answer 4

啊......你指的是CSS 100% height problem。檢查了這一點：100% Min Height CSS layout。

Answer 5

試試這個，

.right-main { 
     width: 100px; 
     **height: 400px;** 
     background-color: green; 
    **position: relative;** 
    } 

.bottom-right { 
     background-color: blue; 
     **position:absolute;** 
     **bottom: 0;** 
    }