实现方式：左右元素浮动，中间元素左右marign值撑开两边距离。
例：
此时看似没有问题，可是如果中间内容过多，超出左右两边高度，我们将看到 文字环绕 问题，如下如所示。
解决办法：
补充flex左右布局，左边固定，右边自适应，并且两列等高自适应
手机浏览器一般都不支持float
浮动，所以可以用
display:
inline-block
来代替它，当然你也可以用table来布局。用两个
display:inline-block
的块元素，并设定它们的宽度：width:49%
就可以实现一栏两列的布局了。
