同级浮动div延伸相同的垂直距离

时间:2014-02-01 00:47:05

标签: html css css-float

我不认为我在CSS方面是一个完全的笨蛋,但这个有我。我的想法是我需要一个父元素,其中有两个浮动子元素。我希望父母的身高与孩子一样高,并且让孩子的身高变得相等,这取决于哪个孩子更高。我把它关闭了,但它还没有到那里。我做了这个plunkr

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

1 个答案:

答案 0 :(得分:1)

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

UPDATED EXAMPLE HERE

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

这还需要您删除元素上的浮点数。