[求助] css flex 容器中项目高度计算问题

HTML

<div class="div1">
    <div class="div2">
		<span class="span1">sapn1</span>
	</div>
	<div class="div3">
		<span class="span4">span4</span>
	</div>
</div>

CSS

    .div1{
    	display: flex;
		width: 1000px;
		height: 1200px;
		flex-direction: column;
	}
	.div2{
		flex-basis: 90%;
	}
	.div3{
		height: 400px;
	}

大家觉得 class 为.div1 .div2的两个 div 高度会是多少？在 chrome 下的实际值分别是875.67px和324.33px
试了一些觉得可能的计算方式，但没有和实际值相符合的，实在不明白 chrome 是怎么计算他们的高度的。