css - 可扩展的div

Question

我在弄清楚如何让 div 4 在 div 1 展开时保持相同位置时遇到问题。所有的 div 都向左浮动，当我展开 div 1 以展开 div 2 时，也会展开，在 2 和 4 之间留下一个空白区域。

我无法将 div 1、3 和 div 2、4 包装在单独的 div 中

这是我为 div 使用的样式:

 .subcatagory {
    float: left;
    width: 150px;
 }

Answer 1

float 有问题。为此，您必须使用 Js masonry .除此之外，您必须像这样定义您的标记:

<div class="parent">
    <div class="long">1</div>
    <div>3</div>
</div>
<div class="parent">
    <div>2</div>
    <div>4</div>
</div>

检查这个http://jsfiddle.net/XhMtK/1/