【发布时间】:2015-11-04 08:20:43
【问题描述】:
例如,如果我有一个 2 列布局(主要内容和旁边),我可以将主要内容浮动到左侧,并将旁边浮动到左/右,然后使用 flexbox 使旁边的高度与主要内容相同吗?
我是否必须将整个容器显示到 flexbox 以包括页眉、主要内容、旁边和页脚,或者我可以只挑选一个区域来使用 flexbox?
【问题讨论】:
标签: css layout css-float flexbox equal-heights
例如,如果我有一个 2 列布局(主要内容和旁边),我可以将主要内容浮动到左侧,并将旁边浮动到左/右,然后使用 flexbox 使旁边的高度与主要内容相同吗?
我是否必须将整个容器显示到 flexbox 以包括页眉、主要内容、旁边和页脚,或者我可以只挑选一个区域来使用 flexbox?
【问题讨论】:
标签: css layout css-float flexbox equal-heights
来自Overview,
Flex 布局表面上类似于块布局。它缺少很多 可以使用的更复杂的以文本或文档为中心的属性 在块布局中,如floats
float和clear对 flex item 没有影响,并且执行 不要让它失去流动性。但是,float属性仍然可以 通过影响display属性来影响框的生成 计算值。
来自Absolutely-Positioned Flex Children,
flex container 的绝对定位子代不会 参与弹性布局。但是,它确实参与了 reordering step(参见
order),这对他们的 绘画顺序。
【讨论】: