浮动可变高度容器

时间:2011-06-16 20:59:39

标签: css layout html

所以我有x个“块”,我想向左浮动..就像这样:

A B C D

E F G H

但是,如果B是其余部分的两倍,例如,A和A之间会有白色空间。 E,C& G,D&小时。

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

2 个答案:

答案 0 :(得分:2)

CSS在一般情况下无法处理此问题。

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

否则:

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

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

演示:

答案 1 :(得分:0)

将CSS设置为垂直列与水平线。 Smashing Magazine有关于花车及其怪癖的精彩内容,请查看:http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/