CSS 在div中又嵌套了一个div2 div3 如何让div2 div3在div1中并列

第一种方法（需要css3）：

<style>
.div1 {width:400px; height:300px; border:1px solid #00f}
.div2 {display:inline-block; width:150px; height:200px; border:1px solid #f00}
.div3 {display:inline-block; width:150px; height:200px; border:1px solid #0a0}
</style>
<div class=div1>
<div class=div2></div><div class=div3></div>
</div>

第二种方法：

<style>
.div1 {width:400px; height:300px; border:1px solid #00f}
.div2 {float:left; width:150px; height:200px; border:1px solid #f00}
.div3 {float:left; width:150px; height:200px; border:1px solid #0a0}
</style>
<div class=div1>
<div class=div2></div><div class=div3></div>
</div>

第三种方法：

<style>
.div1 {position:relative; width:400px; height:300px; border:1px solid #00f}
.div2 {position:absolute; left:0; top:0; width:150px; height:200px; border:1px solid #f00}
.div3 {position:absolute; left:152px; top:0; width:150px; height:200px; border:1px solid #0a0}
</style>
<div class=div1>
<div class=div2></div><div class=div3></div>
</div>