父级position：fixed 子级overflow显示不全问题

将父级固定在屏幕的左侧position：fixed，里边分为上下两部分结构，上半部分是不动的，下半部分想让他滚动。但是当滚动到一定位置，最后边的内容就会显示不全，滚不到底。

//结构就类似这种
<div class="father">
	<div class="one"></div>
	<div class="two">
		
	</div>
</div>

.father{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:20%;
}
.one{
	height:200px;
	width:100%;
}
.two{
	height:100%;
	width:100%;
	overflow-y:scrolly;
}

特意给two设置的100%也不管用
CSS3计算calc和vw单位巧妙实现滚动条出现页面不跳动
给父级设置的高度设置成 height: calc(100vw - 100%);
将第二个子级的高度用100%减去第一个子级的高度，
第二个子级里边的内容高度就可以随意设置，并且显示完整了

.father{
    height: calc(100vw - 100%);
	position:fixed;
	top:0;
	left:0;
	width:20%;
}
.one{
	height:200px;
	width:100%;
}
.two{
	height:calc(100% - 200px);
	width:100%;
	overflow-y:scrolly;
}