我有min-height 100%的多个元素。这些是我的html的子级，其height为100%。
只有html的第一个孩子接收到min-height:100%;才会被其余孩子忽略。
之前已经问过这个问题，到目前为止我发现的唯一答案是：“给所有元素但最后一个孩子height 100%并给最后一个孩子min-height 100%“。
但是当元素变得比实际页面大时，此解决方案不起作用。
Example
我想做这个例子，元素#left一侧的红色边框至少伸展到屏幕的底部，但是当页面变大时，我希望它延伸到页面的末尾。
正如您在this example中看到的那样，当内容延伸的时间超过实际屏幕时，height:100%;修复就会出现问题。
那么我将如何创建一个修复程序，让红色边框始终拉伸整个页面。页面是否填满？
Related（另请参阅Alex Che对此接受的答案的评论，这完全描述了我的问题）