父元素设置flex导致子元素设置flex后高度无效

.myinfo{ display: flex; flex-direction: column; align-items: center; margin:0 auto; width:694rpx; height:242rpx; border-radius: 6rpx; transform: translateY(-50%); background: #fff;} .myphoto{ display: flex; justify-content: center; align-items: center; transform: translateY(-50%); width:190rpx; height:190rpx; border-radius: 50%; overflow: hidden;}