不同情况下,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>