Question

多个div横行排列，并随着浏览器窗口的大小拉伸，是如何实现的

像卓越亚马逊网主页的footer，5个div放到一个横行显示，并且可以随着浏览器窗口大小的变化而拉伸，相对位置仍不变，这是如何实现的。

Answer 1

使用百分比。
<div style="margin:0 auto;width:90%; background:#ccc; padding:5px;">
<div style="width:15%; float:left;height:20px;background:#fff;margin-right:2px;"></div>
<div style="width:15%; float:left;height:20px;background:#fff;margin-right:2px;"></div>
<div style="width:15%; float:left;height:20px;background:#fff;margin-right:2px;"></div>
<div style="width:15%; float:left;height:20px;background:#fff;margin-right:2px;"></div>
<div style="width:15%; float:left;height:20px;background:#fff;margin-right:2px;"></div>
<div style="clear:both;"></div>
</div>

Answer 2

外层设置width:100%; overflow:hidden; 然后设置一定高度。就可以了