Vue实现Div并列的方法

一. 不需要适配ie浏览器时

1.使用flex实现

最简单常用的用法，父Div使用display：flex，内层div并列

  <div style="display: flex">
            <div>
                <p>你要写的内容</p>
            </div>
            <div>
                <p>你要写的内容</p>
            </div>
 </div>

二. 若需要适配ie浏览器

1.使用float实现

  <div style="width:1000px">
            <div style="float: left;width: 200px;height: 500px">
                <p>你要写的内容</p>
            </div>
            <div style="float: left;width:200px;height: 500px" >
                <p>你要写的内容</p>
            </div>
 </div>

2.使用display:table实现

  <div style="width:1000px; display: table;">
            <div style="display: table-cell;;width: 200px;height: 500px">
                <p>你要写的内容</p>
            </div>
            <div style="display: table-cell;;width:200px;height: 500px" >
                <p>你要写的内容</p>
            </div>
 </div>