可以把这些div放在一个父div中,overflow设置成hidden。里面横向并排的div可以使用float:left,最后一个不设置,width设置为auto,同时把margin-left设置成前面几个div的宽度之和,如下:
<div style="overflow: hidden; height: 32px;">
<div id="div1" style="width: 100px; height: 100%; float: left;"></div>
<div id="div2" style="width: 200px; height: 100%; float: left;"></div>
<div id="div3" style="width: auto; height: 100%; margin-left: 300px;"></div>
</div>