html - 动态容器

Question

我有一个容器 <div> :

.containerBig{
   width:940px; 
}

里面有很多小容器。

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

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

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

我该怎么做？

Answer 1

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

如果它没有占用小容器的最大高度，则某处存在 float 问题，这可以通过给出以下方式消除:

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

大容器内或大容器前