html - 如何在 skel.js HTML 中占用多行？

Question

问题解释:

不幸的是，除了实际站点外，我找不到很多关于 skel.js 的文档。我的目标是创建一个像 http://etchapps.com 这样的网站，并且在中间有一个占据多行的正方形(在某种程度上是 metro 风格)。我怀疑他们是否使用 skel.js 来完成此操作，但这是最轻量级的选项并且满足我的强制症。我的网站是 http://mellowdev.com 并且我已经有了该网站的基础。我只是好奇如何以不同的高度和宽度，而不仅仅是宽度的方式添加瓷砖。我希望我能正确解释这个问题，因为这确实是一个简单的问题。

我在寻找答案:

任何示例代码都是解决我的问题的最佳方法，但是一些教程或其他网站的资源和链接可能有助于 skel.js 或者更好的网格系统，例如 Foundation 4。我已经尝试过 Twitter Bootstrap & Foundation 4 但对于我需要的东西来说两者似乎都非常笨重。如果我想要实现的目标更容易或可能只在不同的网格系统中可用，我也很想知道。感谢您抽出宝贵时间阅读所有这些内容，非常感谢任何反馈!

Answer 1

网格系统通常应该是动态高度。

<div class="row">
  <div class="3u">
     <div class="row flush">
      <div class="12u"></div>
    </div>
     <div class="row flush">
      <div class="12u"></div>
    </div>
  </div>
  <div class="6u full-height"></div>
  <div class="3u">
     <div class="row flush">
      <div class="12u"></div>
    </div>
     <div class="row flush">
      <div class="12u"></div>
    </div>
  </div>
</div>

然后您应该将 .full-height 类设置为 100% 高度。