Javascript 自由壁嵌套网格故障

我正在尝试安排一个自由墙布局，比如

下面是我正在使用的代码（在JSFIDLE中运行不正常-可能是因为窗口大小）

我试着以这个为例

这是HTML

    <div id="guide" >
           <div id = "sceneText" class="sceneText block">
               This is a big block of text
            </div>
           <div id = "contents" data-nested=".level-1"  data-gutterX=10 data-gutterY=10 data-cellW=0.5 data-cellH=0.5>
                <div class="contents block level-1" />
                <div class="contents block level-1" />
                <div class="contents block level-1" />
            </div>   
            <div id = "section"  class="section block" data-nested=".level-1" data-gutterX=10 data-gutterY=10 data-cellW=0.5 data-cellH=0.5 >
                <div class="sectionTitle block level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
            </div>   
             <div id = "section"  class="section block" data-nested=".level-1" data-gutterX=10 data-gutterY=10 data-cellW=0.5 data-cellH=0.5 >
                <div class="sectionTitle block level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
            </div>   
             <div id = "section"  class="section block" data-nested=".level-1" data-gutterX=10 data-gutterY=10 data-cellW=0.5 data-cellH=0.5 >
                <div class="sectionTitle block level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
                <div class="guideScene level-1" />
            </div>   
        </div>

下面是它的实际情况

现在我认为代码的质量很差，我不确定每个项目都应该是一个“块”，但这是我唯一能让它工作的方法。我希望元素保持分组，但是我确信这将在不同大小的屏幕上中断。截面容器是否应为块，嵌套项是否应为1级，如示例所示

有两件事我一直坚持

分区之间的边沟，如何在分区组之间添加空间

节标题-理想情况下，我希望这些是30px高，但在CSS中这样做时背景会消失。我知道freewall代码正在覆盖这一点，如何设置不同的高度

---

秘密就在于这些数字

数据槽X=10数据槽Y=10数据单元W=0.5数据单元H=0.5

    $(function() {
            $("#guide").each(function() {
         $(function() {
                var wall = new freewall("#guide");
                wall.reset({
                    selector: '.section',
                    cellW: 200,
                    cellH: 200,
                    fixSize: 5,
                    gutterY: 20,
                    gutterX: 150,
                    animate: true
                });

                wall.reset({
                    selector: '.block',
                    cellW: 200,
                    cellH: 100,
                    gutterY: 20,
                    gutterX: 50,
                    animate: true,
                    onResize: function() {
                        wall.fitHeight();
                    }
                }); 
                wall.fitHeight($('#guide').height());
            });

            $(window).trigger("resize");
        });
});