Css 嵌套多个元素，最小高度：100%；
我有多个元素的Css 嵌套多个元素，最小高度：100%；,css,nested,Css,Nested,我有多个元素的最小高度为100%。这些是我的html的子项，它的高度为100%。 只有html的第一个子项接收min height:100%对于剩余的子项，它将被忽略 以前有人问过这个问题，到目前为止，我找到的唯一答案是：“除了最后一个孩子之外，给所有的元素一个高度的100%，给最后一个孩子一个最小高度的100%” 但是，当元素大于实际页面时，此解决方案不起作用 我想让这个例子这样，元素#left一侧的红色边框至少延伸到屏幕的底部，但当页面变大时，我希望它延伸到页面的末尾 如中所示，高度：10
最小高度为100%
。这些是我的html的子项，它的高度为100%
。
只有html的第一个子项接收min height:100%对于剩余的子项，它将被忽略
以前有人问过这个问题，到目前为止，我找到的唯一答案是：“除了最后一个孩子之外，给所有的元素一个高度的100%
，给最后一个孩子一个最小高度的100%
”
但是，当元素大于实际页面时，此解决方案不起作用
我想让这个例子这样，元素#left
一侧的红色边框至少延伸到屏幕的底部，但当页面变大时，我希望它延伸到页面的末尾
如中所示，高度：100%修复在内容拉伸超过实际屏幕时成为问题
那么，我如何创建一个修复程序，让红色边框始终拉伸整个页面呢。页面是否已填充
（另请参见Alex Che对此公认答案的评论，该评论准确地描述了我的问题）请不要为此使用浮动（这是导致这种行为的原因）。改用定位。@jbutler483定位
？你是说显示：内联块
？不，我是指元素的定位。尝试摆弄位置：相对，位置：绝对，看看你能想出什么。我会看看~我是否能为你找到一个简单的专栏例子。看看哪一个可能会帮助你规划你的设计-对于Alex Che评论的“固定”版本