Question

html中这种参差不齐的效果是怎么做出来的，每列的宽度固定，但是每个单元格的高度可以随意，求详细代码

Answer 1

瀑布流，基本上是使用的绝对定位

不过有个讨巧的方法，使用4个容器，定好宽度全部float:left

然后给每个容器里面填充小块。

比如下面的这种结构，当然，要计算每个col的高度，才能排出来基本上每列高度都差不多的样子

<div class="box">
	<div class="col">
		<div class="item"></div>
		<div class="item"></div>
		<div class="item"></div>
		<div class="item"></div>
	</div>
	<div class="col">
		<div class="item"></div>
	</div>
	<div class="col">
		<div class="item"></div>
		<div class="item"></div>
	</div>
	<div class="col">
		<div class="item"></div>
		<div class="item"></div>
		<div class="item"></div>
	</div>
</div>