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>

自动排序DIV？

2 个答案: