多个div内底部div

Question

我有问题时，我将多个div与不同的高度对齐到底部。我希望所有div都处于最底层（即使是例子中的“closed chat”）。一种解决方案是使用

position: absolute; 
bottom: 0; 
right XXpx; 

但有没有其他方法可以做到这一点？我不想用javascript设置正确的值。

这里是我的榜样 - http://jsfiddle.net/T3Evb/

Answer 1

这里是我的解决方案：

Demo

我只是从.chat节点删除float:right; ...并设置显示属性为inline-block的。 ..然后使用垂直对齐

Answer 2

很容易： 将一个html标记作为容器和一个绝对的，如下所示：

<div class="chat"> 
    <div class="chat_contain"> 
     <div class="chat_window"></div> 
    </div> 
    <div class="chat_contain"> 
     <div class="chat_window"></div> 
    </div> 
</div> 

和CSS：

.chat{ 
    width:auto; 
    display:inline-block; 
    position:fixed; 
    bottom:0px; 
    right:0px; 
} 
.chat_contain{ 
    position:relative; 
    float:right; 
} 
.chat_window{ 
    position:absolute: 
    bottom:0px; 
    left:0px; 
} 

记得我的代码是设置的位置并不适用于所有的样式表。 编辑它自己广告祝你好运