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