我按照此guide来帮助设置页面的列。
我要做的是，如果屏幕大于内容，则让我的列填满屏幕，但当内容长于浏览器屏幕可以立即显示时，请使用默认溢出滚动或自动
目前，我有身体，我的容器（文章中描述的容器周围的div），以及文章中描述的容器设置为高度：100％。当页面适合所有内容时，这很好，但是当屏幕太小时，内容就会中断。
我尝试通过将身体或我的容器更改为最小高度100％来修复此问题，虽然这会使较小的屏幕再次显示所有内容，但在较大的屏幕中，2列“背景”不会延伸到底部页面，但我的容器。
编辑：我的html和正文目前也设置为100％的高度。
Edit2：这是一个jsfiddle，用于显示内容大于屏幕时的内容
现在结构类似于：
body (height: 100%)
my_container (height: 100%)
container2 (height: 100%)
container1 (height: 100%)
column1
column2
我希望它有点像
body
my_container (min-height: 100%)
container2 (height: 100%)
container1 (height: 100%)
column1
column2