自动排序的DIV？

Question

不知道如何在标题中轻松地描述这个！

我需要动态生成的div（我在做php），它将被放置在另一个div中的块。这个容器div的大小取决于窗口大小，但块的大小是固定的。在CSS中有没有办法做到这一点，还是我必须聪明与JS？

我确实创造了一个图，但不能与我缺乏信誉张贴：/

我希望这是有道理的人......

Answer 1

HTML：

<div class="container"> 
    <div class="block"></div> 
    <div class="block"></div> 
    <div class="block"></div> 
    <br class="clear"/> <!-- if you want horiz layout --> 
</div> 

CSS：

.container 
{ 
    width: 100%; 
} 

.block 
{ 
    width: 100px; /* change to be whatever fixed width you want */ 
    float: left; /* if you want horiz layout*/ 
} 

.clear { clear:both; } /* for horiz layout */ 

这是沿着你的意思是什么线？

Answer 2

我不知道你想要什么，但仍然创造了Fiddle

.container { 
    width:100%; float:left; 
    background:red; 
} 
.child { 
    width:40px; height:40px; float:left; margin:5px; background:blue; 
} 

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div>