如果下方没有空间，则浮动div

Question

所以让我说我有3个div。我希望它们堆叠在一起，彼此相邻。在第一列中，前两个div适合。现在我希望第三个跟在第一个旁边，因为第三个没有空间适合前两个。怎么办呢？

Answer 1

目前，唯一可靠的方法是使用CSS3的列。请参阅此处以获取参考：http://www.css3.info/preview/multi-column-layout/

目前尚未得到广泛支持（尤其是IE），因此您可能需要jQuery插件Columnizer来添加更多支持： http://dotmac.rationalmind.net/2011/03/cross-browser-multi-columns-with-jquery-and-css3/

Answer 2

<强> CSS：

  #wrapper{
      width:960px;
      margin:0 auto;
    }
    .mydivs{
    float:left;
    }
    .cl{
       clear:left;
    } 

<强>标记：

 <div id='wrapper'>
    <div class='mydivs'></div>

    <div class='mydivs'></div>

    <div class='mydivs'></div>
    <div class='cl'></div>
</div>

float:left你所有的div，他们将按你的意愿定位。（如果没有剩余的空间，左对齐并在下一行）