Firefox中嵌套式Flexbox中的垂直滚动条

Question

我希望下面html中的绿色div具有垂直滚动条。可以在Chrome浏览器中正常运行，但是在Firefox中，可以使用滚动条浏览整个浏览器内容。 如何让Firefox将滚动条仅放在绿色的div上？

    <div style="position:absolute;height: 100%;width:100%;display:flex;flex-direction:column;background:red;">
	<div>header</div>
	<div style="display:flex;flex-grow:1; background: yellow;">
		<div style="display:flex;flex-grow: 1;background: green;overflow-y:auto;">
			<div style="min-height: 1200px; width: 100%;background: blue;">content</div>
		</div>
	</div>
</div>