Javascript 是一个有砖石结构的杯子

我想我可能做错了什么，很明显

这是我的HTML

<div id="container">
<div class="item"></div>
<div class="item w2"></div>
<div class="item"></div>
<div class="item w2"></div>
<div class="item h2"></div>
<div class="item"></div>
<div class="item h2"></div>
<div class="item w2 h2"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item h2"></div>
<div class="item"></div>
</div>

顺便说一下，如果有什么不同的话，我的CSS在下面

#container {padding: 5px;}
.item {
    width: 220px;
    height: 160px;
    float: left;
    margin: 5px;
    background: #CCC;
  }
.item.w2 {width: 440px;}
.item.h2 { height: 280px;}

没有控制台错误，但似乎不是我想象的那样

**看这里-

我想它看起来会更像这样

---

…还是我是个白痴

在这里做了一个片段，将w2的宽度更改为一个百分比，使它们移动得更好一些。。。我现在已经将其重置为原始版本，但我认为这是您的问题

$document.readyfunction{ $‘容器’。砖石{ 列宽：440， itemSelector:“.item”， isFitWidth:false， 转换持续时间：0， }; }; 容器{padding:5px；} .项目{ 宽度：220px； 高度：160px； 浮动：左； 保证金：5px； 背景：CCC； } .item.w2{宽度：440px；} .item.h2{高度：280px；}

---

你必须为我们这些不是读心术的人提供更多关于想象的信息。啊，是的，公平点！现在将编辑。。。很抱歉

#container {padding: 5px;}
.item {
    width: 220px;
    height: 160px;
    float: left;
    margin: 5px;
    background: #CCC;
  }
.item.w2 {width: 440px;}
.item.h2 { height: 280px;}