我有两个div（如果没有缩略图）或三个div（如果有缩略图）彼此相邻。他们被称为“投票”，“缩略图”和“发布”。 “投票”总是具有相同的高度和宽度。 “缩略图”可能存在或不存在。 “Thumbnail”有时高于“Vote”或“Post”div，但有时“Post”部分高于“Vote”和“Thumbnail”部分，因为帖子标题占用了两三行。 / p>
这是一张图片，显示了可能的变体以及我希望它如何表现（谨防，疯狂绘画技巧）：http://i.imgur.com/XEa1sKX.png
你知道，它可以确保两个（三个）高度与最大高度相匹配。我找到了一些解决方案，但这些解决方案不适用于两个/三个部分问题的可能性和最后一个（“Post”）部分的可变宽度。
甚至可以仅使用HTML和CSS来解决这个问题吗？
答案 0 :(得分：1)
你试过display: table-cell吗？
http://jsfiddle.net/pqw9w97t/
前段时间，webdesingers必须使用<table>整个页面布局，因为CSS定位已被破坏。现在我们可以使用纯CSS来使任何元素表现得像表格单元格而没有干扰内容含义 - <table>保留用于表格数据。
CSS还有更多的显示机制：Flexible Box Layout Working Drat
