【问题标题】:How to get Flexbox item "main" to let "aside" float next to it?如何让 Flexbox 项目“main”让“aside”漂浮在它旁边?
【发布时间】:2014-04-21 22:08:13
【问题描述】:

在下面的示例中,我试图让“摘要”部分让第二个侧面在我的“爸爸熊”断点上浮动到它的右侧,但是遇到了麻烦,任何时候我更改 flex 基础或宽度它最终移动到第一行和“标题”side-1side-2和summary都平分一行。

View here on codepen

【问题讨论】:

    标签: css layout flexbox


    【解决方案1】:

    我对你的问题并不完全清楚,但听起来你想把两个摘要问题并排放在“爸爸熊”上。

    如果是这样,你需要改变

    flex-direction: column
    

    flex-direction: row
    

    在你的“爸爸熊”断点处。

    【讨论】:

    • 谢谢,对不起,我起初并不清楚,但我将 flex 方向更改为列,因为我想要做的是让 side-2 浮动在摘要旁边,就像浮动 1 一样在“papa-bear”断点的标题旁边。有什么想法吗?谢谢!
    • 我认为在这种情况下使用 flexbox,summary 和 aside 需要是同一个元素的子元素。
    猜你喜欢
    • 2015-04-08
    • 2018-12-23
    • 2018-06-20
    • 2012-03-20
    • 1970-01-01
    • 2018-09-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多