将页面分成两个（垂直）在两个孩子中，如果一个不可用，其他应覆盖整个页面

Question

我希望这些照片描述我想要的东西。目前，两个孩子都有height:50% 但是，当其中一个缺席时，我希望对方覆盖整个页面。

我正在寻找一个css唯一的解决方案，因为我认为我错过了一些非常基本的东西！ ：P

Answer 1

不使用flex模型或JavaScript，祝你好运：）

如果您只使用现代浏览器，那么请使用flex布局。使用flex-direction: column创建一个容器，并为每个div提供flex: 1 1 auto;的flex值。

请参阅this小提琴。