Question

问题解释：

不幸的是，除了实际网站之外，我在skel.js上找不到太多文档。我的目标是建立一个像http://etchapps.com这样的网站，在中间他们有一个占用多行的正方形（某种方式的地铁风格）。我怀疑他们是否正在使用skel.js来实现这一目标，但这是最轻量级的选择，并且满足我的强迫症。我的网站是http://mellowdev.com，我已经拥有该网站的基础。我只是好奇如何以不同的高度和宽度添加瓷砖，而不仅仅是宽度。我希望我能正确解释这一点，因为它确实是一个简单的问题。

我在回答中寻找的内容：

任何示例代码都是最适合我的问题的解决方案，但是资源和指向某些教程或其他网站的链接可能有助于skel.js或者更好的网格系统，例如Foundation 4.我尝试过Twitter Bootstrap＆amp; ;基金会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％高度。

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

1 个答案: