CSS底部与浮动div对齐

我有一个关于div底部对齐的问题，我没有找到任何解决方案

所有div都包含在一个主div中，其中一个是左浮动的，其他所有div都必须放在主div的右侧
只有其中一个它必须是底部对齐的，但是尝试使用绝对位置和底部标记，它被放置在浮动的上面

CSS:

HTML:

框Sx图像
行
行
行
行
行
行
行
方框Dx标题
方框Dx说明
框Dx参数

此外，div的高度是可变的，image_box是可选的（不存在），box_dx2的文本可以包装在image_box下

有什么想法吗？

---

谢谢

如果

box\u dx1

、

box\u dx3

和

图像框

的高度始终相同，您可以为

box\u dx2

设置一个

最小高度

。这样，如果您向

框中添加更多内容，它最终将比图像高，文本将环绕它。在您的示例中，它类似于：

#box_dx2 { 
    width: 500px; 
    padding-top:10px; 
    background:#999; 
    min-height: 70px; 
}




但是，如果这些框的高度不是固定的，最简单的方法可能是使用jQuery计算
min height
。
Does
position:absolute；底部：0做你想做的事？
<div id="container">
  <div id="image_box">Box Sx Image <br>Row<br>Row<br>Row<br>Row<br>Row<br>Row</div>
  <div id="box_dx1">Box Dx Title</div>
  <div id="box_dx2">Box Dx Description</div>
  <div id="box_dx3">Box Dx Param</div>
</div>

#box_dx2 { 
    width: 500px; 
    padding-top:10px; 
    background:#999; 
    min-height: 70px; 
}