html - 2-3 个 div - 都具有最高 div 的高度 - 最后一个 div 使用其余空间

Question

我有两个 div(如果没有缩略图)或三个 div(如果有缩略图)彼此相邻。它们被称为“投票”、“缩略图”和“发布”。 “投票”始终具有相同的高度和宽度。 “缩略图”可能存在也可能不存在。 “缩略图”有时高于“投票”或“帖子”div，但有时“帖子”部分高于“投票”和“缩略图”部分，因为帖子标题占用两三行。

这是一张图片，显示了可能的变体以及我希望它如何表现(当心，疯狂的绘画技能):http://i.imgur.com/XEa1sKX.png

你看，它确保两(三)个高度与最大的高度匹配。我找到了一些解决方案，但这些解决方案不适用于两节/三节问题的可能性以及最后(“后”)节的可变宽度。

有没有可能只用 HTML 和 CSS 来解决这个问题？

Answer 1

你试过了吗display: table-cell ？ http://jsfiddle.net/pqw9w97t/

前段时间网络设计师不得不使用<table>在整个页面布局之前，因为 CSS 定位被破坏了。现在我们可以使用纯 CSS 使任何元素表现得像表格单元格一样，而不会干扰内容含义 - <table>为表格数据保留。

CSS 还有更多的显示机制:Flexible Box Layout Working Drat