flex布局子div高度不變

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;
  }

不想自適應(yīng)可給定高度。

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

固定子元素的高度，不然肯定會(huì)自適應(yīng)。