父元素flex:1,子元素设置高度百分百无效

有的时候我们写页面布局会出现，父级的高度是通过flex为1来设置的，然后子级想保持和父级一样的高度，很多人都会想到设置高度百分百。不过由于这里的父元素是缺省的，所以你设置了高度百分百是无效的。我之前是通过计算属性来设置的，不过今天发现一个很神奇的方法，所以给大家分享一下，那就是设置父级高度为0.

.content {
    flex: 1;
    height: 0;
    .left,
    .right {
      width: 50%;
      height: 100%;
    }
}

这个时候left和right就会保持和content一样的高度。