我试图在不使用javascript和不使用表的情况下实现以下布局：
页面上有很多行。每行由四个内容元素填充，其中最高的元素确定行的高度。每个内容元素都有两个其他元素，在本例中是一个图像和一个标题。当标题与底部对齐时，图像与行的顶部对齐。
在HTML结构中，图像和标题必须在内容元素中保持在一起。
我尝试了一些解决方案：
将每一行拆分为两行：一行图像和一行标题，将图像与标题分开。
使用着名的equal height column div结构导致一个丑陋的绝对定位的Matryoshka Doll排列div。
表的问题在于页面将在未来变得更加动态（可重新排列的内容，流畅的布局，动态搜索，不同宽度的内容），并且表格将非常烦人。
答案 0 :(得分：1)
如果我正确地想象你的标记，也许这对你有用：
http://jsfiddle.net/Puppies4Life/Fd94X/1/
我绝对把.caption放在.row的底部。由于.content的高度不同，我把.cap的位置放在了.row而不是直接的父.content。图像保留在文档的流程中。我在.row的底部添加了一些额外的填充以说明文本并进行简单明确的修复（I suggest using a better option in your production code）
希望这有助于解决您的问题，或者可能点燃一两个想法！