左边div自适应右边div的高度

Question

现在左边有一个div，右边也有一个div，他们之间都通过左浮动使得在同一行。

现在想让左边div自适应右边div的高度，并且兼容IE，请问一下该怎么弄啊？我试过

margin-bottom:-100px;
overflow:hidden;
padding-bottom:100px;

在IE下会出现左边那个div显示的很长很长的bug

Answer 1

demo

希望是你所需要的

• DIV 一种

• table -种

Answer 2

父div设置display:table
子div设置display:table-cell

<div>
    <div>左</div>
    <div>右</div>
</div>

Answer 3

想要实现左右两边同高, 只需要设置父元素为display:flex; 即可. (当然, 父元素样式采用:display:table;, 子元素样式采用:display:table-cell; 也是可以实现的), 如下图.