如何设置两个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>