Css 带柱截面上的引导流体高度

我正在建立一个网站，有两个部分大小

尺寸为：

全屏（高度：100%；）

半屏幕（高度：50%）

请参见屏幕截图：

请注意带有三列（绿色、粉色、蓝色）的部分

这在col-md-4柱倒塌之前起作用

一旦柱子倒塌，它们会溢出容器（高度：50%），然后在50%高度（150%）处有3根柱子，额外的100%覆盖了最后一段（100%）

如果容器溢出，如何获得展开高度

body，html{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
背景色：#fff4fd；
}
.包装纸{
身高：100%；
宽度：100%；
位置：相对位置；
}
.wrapper.content{
身高：100%；
宽度：100%；
}
.家{
背景色：红色；
背景附件：固定；
}
.我们做什么{
背景颜色：蓝色；
}
.我们的工作{
背景色：#93A8FF；
}
.我们的精神{
背景颜色：黄色；
}
.案例研究{
身高：100%；
保证金：0；
}
.案例研究.世界其他地区>部门{
身高：100%；
}
.案例研究。世界其他地区>部门案例研究-1{
背景色：#D1F3F0；
}
.案例研究。世界其他地区>部门案例研究-2{
背景色：#FFEBF1；
}
.案例研究.世界其他地区>部门案例研究-3{
背景色：#D7EEF9；
}
.page.page-full{
身高：100%；
}
.翻页{
身高：50%；
}
/*#sourceMappingURL=app.css.map*/

window.jQuery | | document.write（“”）