给定容器中图像的一个 div 高度，flexbox 能否自动计算第二个 div 高度来填充容器？
Given one div height sized to an image in a container, can flexbox automatically compute a second div height to fill the container?
我希望我可以使用 flexbox 来解决 div 堆叠问题。
我有一个容器div。它的高度是 100vh.
在 div 里面，我有两个 div。
一个，包含一张图片。它的高度取决于图像的大小，图像的大小与浏览器宽度成正比，最大为 max-width.
第二个 div 在第一个 div 之上。我希望它的 height 等于 div.
的剩余高度
flexbox 可以自动为我计算吗？希望如此。
答案是肯定的。尝试将 flex: 1 应用于第二个 div。这告诉它伸展以填充容器中剩余的 space。
效果图如下：DEMO
我希望我可以使用 flexbox 来解决 div 堆叠问题。
我有一个容器div。它的高度是 100vh.
在 div 里面，我有两个 div。
一个，包含一张图片。它的高度取决于图像的大小，图像的大小与浏览器宽度成正比，最大为 max-width.
第二个 div 在第一个 div 之上。我希望它的 height 等于 div.
flexbox 可以自动为我计算吗？希望如此。
答案是肯定的。尝试将 flex: 1 应用于第二个 div。这告诉它伸展以填充容器中剩余的 space。
效果图如下：DEMO