我正在努力得到布局排序的一个漂亮的简单的画廊webapp，但是当我使用HTML5的doctype声明，我的一些div(100％)的高度正在缩小，我似乎不会丰满他们使用CSS备份。
我的HTML是在https://dl.dropbox.com/u/16178847/eyewitness/b/index.html和CSS是在https://dl.dropbox.com/u/16178847/eyewitness/b/style.css
>如果我删除HTML5的doctype声明，一切都是我想要的，
但我真的想使用正确的HTML5 doctype声明。
>如果我将doctype设置为HTML5并且不做任何更改，带有照片和页脚div的div不可见，可能是因为它们的高度为0px。
>如果我将doctype设置为HTML5，并使body {height：100px}和.container {height：100px}或.container {height：100％}，它变得可见，但我需要的是它的全高而不是以像素为单位的高度。
>如果我尝试做同样的，但与body {height：100％}的照片和页脚divs不再可见。
我需要做什么来获得100％的高度，使我的照片和页脚div是全高？
解决方法
只有父元素具有定义的高度，而不是auto的值。如果它具有100％的高度，也必须定义父的父高度。这可以直到html根元素。
因此，将html和body元素的高度设置为100％，以及该元素的每个祖先元素，您希望首先具有100％的高度。