100%Div高度问题

Question

我有两个容器(main-container和sub-container).正文,HTML和主容器都有100%高度类,而sub-container固定在1000px.主容器应与100%整个屏幕的高度配合,即使sub-container是小或大.现在的问题是,主容器没有根据子容器高度增加其高度.请查看以下示例以了解我的要求.

http://jsfiddle.net/awaises/dLeHL/

非常感谢您的帮助.

谢谢

Answer 1

改变height:100%;以min-height:100%;在.main-container:http://jsfiddle.net/dLeHL/3/

编辑:

此处说明了百分比高度规则:

百分比高度如果元素的高度设置为百分比,则其父元素需要具有设置的高度.换句话说,父元素的高度不能设置为auto.像CSS的许多方面一样,这开始有点令人困惑.