动态容器

Question

我有一个容器<div>：

.containerBig{
   width:940px; 
}

里面有许多小容器。

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

如下所示：[[][][]]

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

我该怎么做？

Answer 1

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

如果它没有占用小容器的最大高度，那么某处会出现浮动问题，这可以通过给出来消除：

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

在大容器内或大容器之前

Answer 2

见这个

Fiddle。

将'abcdefghijkl'替换为您的数据。除法将自动拉伸到100％高度的数据宽度。