flex布局子div高度不变

Question

用flex布局，如何让子div的高度不变

目前是使用flex布局，如果只有一行时，子div高度会被自适应撑开到最大

但是我希望是即使只有一行，子div的高度还是和原来的一样不变

Answer 1

固定子元素的高度，不然肯定会自适应。

Answer 2

什么意思，没理解清楚。但是我觉得你是不是在子盒子中用了flex: 1。不用就好呀，自定义元素的高度和宽度呀。

Answer 3

html:

<div id="test">
    <div id="child_1">
      子1
    </div>
    <div id="child_2">
    子2
    </div>
</div>

style:

* {
    padding: 0;
    margin: 0;
  }

  #test {
    background-color: yellow;
    margin: 100px;

    display: flex;
    flex-direction: row;
    height: 200px;
    width: 200px;
  }

  #child_1 {
    margin-right: 20px;
    background-color: red;
    height: 50px;   /* 子1定了高度，子2没有 */
  }

  #child_2 {
    background-color: red;
  }

不想自适应可给定高度。