Css 如何在不同的屏幕中使列延伸到页脚？

我有一个带两列的引导布局。在高于1000px的屏幕上，内容块不会延伸到页脚。我需要它根据用户浏览器窗口的高度垂直展开。 我试过身高：100%，最小身高：100%；等 请参阅下面的代码

标题
左闭塞
右闭塞
页脚

html，正文{
身高：100%；
最小高度：100%；
字体大小：1.2米；
} 
.包装内容{
溢出：可见！重要；
高度：自动！重要；
最小高度：100%；
保证金：0自动-71px；
垫底：70px；
背景：#323742；
}
.集装箱{
宽度：1170px！重要；
保证金：0自动；
}
标题{
溢出：可见；
高度：189px；
背景：#222；
颜色：#fff；
}
.内容{
最小高度：516px；
}
.柔性容器{
最小高度：516px；
溢出：隐藏；
右边距：-15px；
左边距：-15px；
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit-box-flex:1；
-webkit flex:10自动；
-ms-flex:10自动；
弹性：10自动；
}
.leftBlock{
背景：#fff；
}
.rightBlock{
背景：#ccc；
}
页脚{
背景：#222；
高度：71px；
颜色：#fff；
}

将这些线添加到您想要拉伸的任何容器中，它都会起作用。我已经试过了：）

就你而言：

.leftBlock, .rightBlock{
  height: 100vh;
}

将这些线添加到您想要拉伸的任何容器中，它都会起作用。我已经试过了：）

就你而言：

.leftBlock, .rightBlock{
  height: 100vh;
}

---

试试这个代码，我想这就是你想要的。我为你写了一个完整的代码

身体{
保证金：0；
填充：0；
}
.标题{
背景颜色：灰色；
颜色：白色；
高度：189px；
字体大小：25px；
}
.骨头{
背景颜色：橙色；
颜色：白色；
高度：400px；
颜色：白色；
}
.Btwo{
背景色：红色；
颜色：白色；
高度：400px；
颜色：白色；
}
.页脚{
背景色：黑色；
颜色：白色；
高度：70像素；
字体大小：25px；
}
标题
左闭塞
右闭塞
页脚

试试这段代码，我想这就是你想要的。我为你写了完整的代码

身体{
保证金：0；
填充：0；
}
.标题{
背景颜色：灰色；
颜色：白色；
高度：189px；
字体大小：25px；
}
.骨头{
背景颜色：橙色；
颜色：白色；
高度：400px；
颜色：白色；
}
.Btwo{
背景色：红色；
颜色：白色；
高度：400px；
颜色：白色；
}
.页脚{
背景色：黑色；
颜色：白色；
高度：70像素；
字体大小：25px；
}
标题
左闭塞
右闭塞
页脚
谢谢大家！
我刚刚写了简单的JS，一切正常


函数rightBlockHeight（）{
变量高度=$（窗口）.height（）-$（'#页脚'）.height（）-$（“#页眉”）.height（）；
$（'#content'）.css（'min height'，height）；
$（'.rightBlock'）.css（'min height'，height）；
}
$（文档）.ready（函数（）{
右块高（）；
} );
$（窗口）。调整大小（函数（）{
右块高（）；
} );谢谢大家！
我刚刚写了简单的JS，一切正常


函数rightBlockHeight（）{
变量高度=$（窗口）.height（）-$（'#页脚'）.height（）-$（“#页眉”）.height（）；
$（'#content'）.css（'min height'，height）；
$（'.rightBlock'）.css（'min height'，height）；
}
$（文档）.ready（函数（）{
右块高（）；
} );
$（窗口）。调整大小（函数（）{
右块高（）；
} );至少接受一个帮助你的答案，这样它就不会一直没有答案。至少接受一个帮助你的答案，这样它就不会一直没有答案。