就像这样

外面套个大的，里面两个小的float一下

加浮动，一个float：left；一个float：right；

<style>
.t{border:1px solid red;overflow:hidden;max-width:600px;margin:0 auto;}
.a{margin:5px;float:left;padding:10px 20px;color:#fff;text-align:center;}
.c{background:red;width:150px;}
.b{background:blue;}
.d{background:#f60;float:right;}
</style>
<div class="t">
<div class="a c">div1</div>
<div class="a b">div2</div>
<div class="a d">o ,没注意左右浮动--调整父div宽度</div>
</div>

<div style="width:150px;height:50px;margin:0;padding:0;"> <div style="width:100px;height:50px;background-color:red;float:left;"></div> <div style="width:50px;height:50px;background-color:blue;float:left;"></div> <div style="clear:both;"></div> </div>

两个div浮动左(float:left;)就可以搞定了。外层在套到大的。宽度必须要div1和div2加起来的和。高度设置一样就行。最后在加上清除浮动(clear:both;)养成好习惯!!!

用span

inline-block

为什么第一个div1不设置浮动，第二个div向左浮动，两个div不在一行呢？求解答！

vvvvvvvvvvvvvvvvvvcvvvv

float。。

绝对定位或者相对定位时用float和margin pading

浮动，float:
left

float left;