Javascript 使用流体基线栅格的具有不同栅格高度的栅格布局

我使用这个模板：创建流体网格来布局我的个人网站。并不是我所有的网格都是高度，有时我会得到错误的位置。 [1]

技能部分应该在博客帖子5的左边，联系人应该在技能旁边

---

请访问我的网站。您应该能够访问那里的css和html。我将太长，粘贴在这个职位。如果这是不礼貌的行为，请告诉我。另外，请告诉我是否有更好的最新流体网格框架。

您可以通过在列上的第n个子选择器应用clear:left来解决此问题。使用媒体查询，您应该能够模拟2或3列布局，如下所示：

// 2 column layout
@media only screen and (max-width: 767px) {
  .g1:nth-child(2n+1) {
    clear: left;
  }
}

// 3 column layout
@media only screen and (min-width: 768px) {
 .g1:nth-child(3n+1) {
        clear: left;
      }
}

---

注意：您需要添加一个新的媒体查询（最大宽度：767px），以便“2列清除”布局仅适用于较小的屏幕视图。

我认为您必须降低技能部分的高度。显然，我知道我可以做到这一点。但我希望有一个更优雅的解决方案，也许不是优雅的，而是快速实用的。