如何设置两个div各占一半，并且高度随着内容增加，而且两边div的高度一致呢？默认会发现高度不一致，改用flex就可以了，另外发现传统的table也可以轻易实现。不知道不用flex的话是否可以实现。

方法1（div实现）：

<style>
    div{display: flex;}
    .main{width:100%;}
    .left{width:50%;background:green;}
    .right{width:50%; align-items:center;background:blue;}
</style>

<div class="main">
    <div class="left">123<br>534<br>534<br>534</div>
    <div class="right">666<br>534</div>
</div>

方法2（table实现）：

<style>
    table{width:100%;border-collapse: collapse;}
    td{width:50%;}
</style>

<table>
	<tr>
		<td style="background:green;">1<br>34234<br>34234<br>34234</td>
        <td style="background:blue;">2<br>666</td>
	</tr>
</table>