【发布时间】：2012-09-07 13:17:00
【问题描述】：
我关注了这个guide 来帮助为我的页面设置列。
如果屏幕大于内容，我想要做的是让我的列填满屏幕，但是当内容长于浏览器屏幕一次可以显示时，使用默认的溢出滚动或自动.
目前，我将正文、我的容器（文章中描述的容器周围的 div）和文章中描述的容器设置为 height: 100%。当页面适合所有内容时这很好，但是当屏幕太小时，内容就会被截断。
我尝试通过将 body 或我的容器更改为 min-height 到 100% 来解决此问题，尽管这会使较小的屏幕再次显示所有内容，但在较大的屏幕中，2 列“背景”不会延伸到底部页面，但我的容器可以。
编辑：我的 html 和 body 目前也设置为 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
【问题讨论】：
-
您能否确认您希望您的 my_container 大于 100%？
-
您是否在 CSS 中将
html和body都设置为height: 100%？就像这样html,body{height:100%;}. -
是的，如有必要，我希望 my_container 大于 100%。我已经设置了 html,body{height: 100%}
-
您遵循的指南写道“尝试仅使用 IE 条件 cmets 将此规则公开给 IE”，写于 2008 年，并且一次没有告诉它可以是哪个版本的 IE。在 6 和/或 7 时？当你真的想调试 IE7 和/或 6 时，请注意不要瞄准 IE8 和 IE9 ;)
标签： css height multiple-columns