html - 兄弟 float div 延伸相同的垂直距离

Question

在 CSS 方面，我不认为我是个笨蛋，但这个就是我。我的想法是我需要一个父元素，两侧有两个 float 子元素。我希望 parent 的高度与 child 的高度一样高，并让 child 的高度变得相等，这取决于哪个 child 更高。我已经接近了，但还没有完成。我做了这个 plunkr

http://plnkr.co/edit/kz9VyOxMCLahPbNmyt87?p=preview

Answer 1

最简单的方法是将两个元素都设置为 display:table-cell，这基本上会强制它们与包含的内容具有相同的高度。

UPDATED EXAMPLE HERE

.left, .right {
    display:table-cell;
}

这还需要您移除元素上的 float 。