关于flex布局的问题

Question

将body元素这样设置：

display：flex;flex-direction:column;

它有两个子元素：

<div style="height:200px;"></div>
<div style="flex:auto" id="flex"></div>

这样一来，flex元素可以自适应高度。它里面还有两个子元素：

<div style="position:absolute;right:0;width:100px;"></div>
<div style="width:100px;"></div>

如果flex元素的高度为800像素，怎么让这两个元素的高度充满flex元素？

Answer 1

把flex设置成弹性盒子，竖直，这样就可以了