css 控制左右的写法

<!-- 两个一组 -->
<div style="width:200px;">
<div style="width:100px;float:left;">1</div>
<div style="width:100px;float:left;">2</div>
<div style="width:100px;float:left;">3</div>
<div style="width:100px;float:left;">4</div>
</div>

<!-- 左一个，右一个 -->
<div style="width:200px;">
<div style="width:100px;float:left;">1</div>
<div style="width:100px;float:right;">2</div>
<div style="width:100px;float:left;">3</div>
<div style="width:100px;float:left;">4</div>
</div>

 

 

总结：两种展现的风格一样。