jquery - Jquery Mansory div重叠

Question

我正在使用 jquery masonry 插件进行此图像中显示的布局。问题是砌体插件隐藏了黑色阴影的div，如图所示。有什么办法可以解决这个问题吗？

Answer 1

Masonry 把所有的白盒子都放在一个容器内，给它们绝对的位置，在这种情况下，容器将黑盒子和白盒子放在一起（对吗？）像这样：

   <div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
   </div>

为了解决这个问题，您需要将所有白盒放在它们自己的容器中并赋予其位置：相对，然后在白盒容器上进行砌体

<div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div id="white-boxes-container">
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
      </div>
 </div>