前端页面布局问题

问题描述：div设置了高度，但是不生效；且想用两个div 垂直平分一个div
1、首先设置页面position: absolute;
2、其次设置div

<div class="sd-container">
	<div class="typeStatistics" style="width: 100%;background-color: #42B983;">
		111
	</div>
	<div class="StateStatistics" style="width: 100%;background-color: #43eff1;">
		222
	</div>
</div>

.sd-container {
		display: flex;        // flex布局（“容器”）
		flex-direction: column;     // 主轴方向:垂直
		height: calc(100% - 44px);       // 容器高度  calc()函数，可在css中进行计算，44为title的高度
	}
.typeStatistics, .StateStatistics {
	flex: 1;    // 实现不同内容div的平分
}