Html 横栏博客

我想知道如何得到这样的水平柱：

没有文章被删掉，在下一栏继续？我希望他们有不同的高度。就像A柱是60%的高度，B柱是40%的高度，下一列C柱是30%的高度，D柱是70%的高度

我试过这个，但滚动时效果不太好

#featured-posts-container {
    -webkit-column-count:  4;
    -webkit-column-gap:  10px;
    -webkit-column-fill:  auto;
    -moz-column-count:  4;
    -moz-column-gap:  10px;
    -moz-column-fill:  auto;
    column-count:  4;
    column-gap:  15px;
    column-fill:  auto;
    margin-top: 15px;
}

---

我不认为那是一个专栏。我想那是背景色

然后，开发人员让文本元素彼此内联显示。因此，段落之间的边距现在是您的一列。在现实中它不是