浮动可变高度容器

ano*_*ous 6 html css layout

所以我有x个"块",我想要向左浮动..像这样:

A B C D

EFGH

但是,如果B是其余部分的两倍,例如,A&E,C&G,D&H之间会有空白区域.

我怎样才能避免这种情况,让所有的容器都向左浮动,然后很好地适应它们之间没有多余的空白区域?

thi*_*dot 2

一般情况下 CSS 无法处理这种情况。

如果列数固定,您可以作弊并执行以下操作: http: //jsfiddle.net/suaaK/11/

否则:

请参阅此答案以比较候选技术,表明它们不起作用:

如果您愿意使用 JavaScript,则应该使用jQuery Masonry

演示: