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;** 
    }