当每一篇文章（高度适合内容）一个接一个开始时，我如何构建一个容器答案

【问题标题】：How can I build a container when every article (height fits content) starts one after another当每一篇文章（高度适合内容）一个接一个开始时，我如何构建一个容器
【发布时间】：2019-09-15 18:30:41
【问题描述】：

很难解释（可能是因为我的英语）我想做的事情，但喜欢在标题中 - 当每篇文章的高度适合内容并且文章开始后（垂直）时，我想做容器。

这是一个例子： http://herballeaf.eu/herbal-blog/

flexbox可以做到吗？

【问题讨论】：

标签： css grid containers positioning

【解决方案1】：

要确切地知道您的意思有些困难，但我猜您指的是希望每个页面都有 3 个不同的列。为此，我将使用具有 flex 显示的父容器，类似地，父容器的子容器的三个 div 都具有 flex 显示，但它们没有行方向，而是具有列（因此它们向下）。确保父 div(s) 有足够的高度和宽度来包含它们:) 如果您希望他们“一个接一个地开始”，那么您可能需要更改边距:)

.parentContainer{
display: flex;
flex-direction: row;
width: auto; /*be sure that the width is wide enough to contain all three child divs*/
}
.containerOne .containerTwo .containerThree{
display: flex;
flex-direction: column;
}

希望这就是你要找的东西 :) 我在黑暗中捅了一刀，如果有错请见谅

【讨论】：

很抱歉这个解释，但你已经理解我这么成功了！=D 是的，我想过这 3 个容器技术，但忘了说我只想用一个容器来做这一切，如果它可能的。无论如何感谢您的回答:)

【解决方案2】：

如果我做对了，下面的代码就足够了：

.parentContainer{
    display: flex;
    flex-direction: column
}

【讨论】：