如何让Flexbox项目“main”让“旁边”浮动在旁边？

Question

在下面的例子中，我试着让“第二部分”在我的“papa-bear”断点上浮动到它的右边，但是遇到了麻烦，任何时候我都会改变它的弹性基础或宽度移动到最上面的一行和“标题”旁边 - 1搁置2并平分所有分隔的行。

View here on codepen

Answer 1

我不是你的问题完全清楚，但它听起来像你想要把两个总结问题并排侧为“爸爸熊”。

如果是这样，您需要更改

flex-direction: column 

到

flex-direction: row 

你 '爸爸熊' 断点。