javascript - 关于flex布局的问题

将body元素这样设置：

<code>display：flex;flex-direction:column;
</code>

它有两个子元素：

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

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

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

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

回复内容：

将body元素这样设置：

<code>display：flex;flex-direction:column;
</code>

它有两个子元素：

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

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

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

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

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