需要flexbox子才能正常显示

Question

如何让flexbox儿童表现得像孩子一样糟糕。这意味着他们的默认布局。

.wrapper {
  this is the row
}
.column {
  all equal heights
  display:flex;
}
.child {
  back to normal display....uneven heights and widths.  Currently it seems like the children want to display as flex (equal heights) also.
}

Answer 1

由于您没有发布任何HTML标记，我将假设您拥有的结构与此类似：

<div class="wrapper">
    <div class="column">
        <div class="child"></div>
    </div>
    <div class="column">
        <div class="child"></div>
    </div>
</div><!-- /.wrapper -->

在您的示例中，.child元素显示为弹性项是有意义的，因为它们的父级（在本例中为.column）设置为显示flex。您可能正在设置.wrapper以显示flex，因此.column是灵活的孩子。

这样的事情： https://jsfiddle.net/disinfor/rd2npn4v/

小提琴中的第一个例子是你拥有的，第二个是将.wrapper设置为显示flex。

希望这就是你要找的东西。