【问题标题】:can I use flexbox and float at the same time? or use flexbox with absolute positioning?我可以同时使用 flexbox 和 float 吗?或者使用绝对定位的flexbox?
【发布时间】:2015-11-04 08:20:43
【问题描述】:

例如,如果我有一个 2 列布局(主要内容和旁边),我可以将主要内容浮动到左侧,并将旁边浮动到左/右,然后使用 flexbox 使旁边的高度与主要内容相同吗?

我是否必须将整个容器显示到 flexbox 以包括页眉、主要内容、旁边和页脚,或者我可以只挑选一个区域来使用 flexbox?

【问题讨论】:

    标签: css layout css-float flexbox equal-heights


    【解决方案1】:

    来自Overview

    Flex 布局表面上类似于块布局。它缺少很多 可以使用的更复杂的以文本或文档为中心的属性 在块布局中,如floats

    来自Flex Containers

    floatclearflex item 没有影响,并且执行 不要让它失去流动性。但是,float 属性仍然可以 通过影响display 属性来影响框的生成 计算值。

    来自Absolutely-Positioned Flex Children

    flex container 的绝对定位子代不会 参与弹性布局。但是,它确实参与了 reordering step(参见order),这对他们的 绘画顺序。

    【讨论】:

      猜你喜欢
      • 2017-10-02
      • 2017-07-25
      • 2020-09-05
      • 2016-10-26
      • 2015-06-14
      • 2019-10-28
      • 1970-01-01
      • 2016-08-11
      • 1970-01-01
      相关资源
      最近更新 更多