動態容器

Question

我有一個容器<div>：

.containerBig{ 
    width:940px; 
} 

與它的許多小容器。

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

看起來是這樣的：[[][][]]

小容器裝滿從數據庫項目。 我希望小容器能夠使用全高，但只能使用他們真正需要的寬度

我該怎麼做？

Answer 1

大容器總是佔用小容器中具有最大高度的小容器的高度。

如果不採取小容器的最大高度，然後有一個浮動的問題的地方，這可以通過給被elminated：

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

無論是大容器內或大容器之前

Answer 2

看到這個

Fiddle。

用你的數據替換'abcdefghijkl'。並且該分區將自動延伸到100％高度的數據寬度。