动态容器

Question

我有一个容器<div>

.containerBig{
   width:940px; 
}

里面有很多小容器。

.containerSmall{
   width:auto;
   height:100%;
   float:left;
}

看起来像这样：[[][][]]

小容器中装满了数据库中的项。我希望小容器使用完整的高度，但只使用它们真正需要的宽度

我该怎么做呢？

Answer 1

大容器总是占据小容器中具有最大高度的小容器的高度。

如果它没有采用小容器的最大高度，那么在某个地方就存在浮动问题，可以通过以下方式来解决这个问题：

<div style="clear:both"></div>

要么在大容器内，要么在大容器之前

Answer 2

看看这个

Fiddle。

用你的数据替换'abcdefghijkl‘。分区会自动伸展到高度为100%的数据宽度。