Flex по вертикали — Проценты и пиксели. Как выровнять?
Есть flex:1, есть calc 
https://jsfiddle.net/j4wpxLgp/
<div class="flex row">
	<span class="t2 flex column">
		<em class="t1"></em>
		<em class="t2"></em>
	</span>
</div>.flex {
	display:flex;
}
.row {
	flex-direction:row;
}
.column {
	flex-direction:column;
}
.t1 {
	flex:1 1 100%;
}
.t2 {
	flex:1 1 200px;
}
div {
	width:100%;
	height:100vh;
	background:blue;
}
.flex.column {
	background:red;
}
.column .t1 {
	background:green;
}
Как то так