html - 动态容器

Question

我有一个容器<div>：

.containerBig{
   width:940px; 
}

里面有很多小容器。

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

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

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

我怎样才能做到这一点？

Answer 1

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

如果它没有占用小容器的最大高度，则某处存在浮动问题，这可以通过给出以下命令来消除：

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

在大容器内或大容器之前

Answer 2

看到这个

小提琴。

用您的数据替换“abcdefghijkl”。并且分割会自动拉伸到 100% 高度的数据宽度。