css – 为什么我使我的div 100%高度,如果我使用HTML5的doctype?如何获得100%的高度

前端之家收集整理的这篇文章主要介绍了css – 为什么我使我的div 100%高度,如果我使用HTML5的doctype?如何获得100%的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力得到布局排序的一个漂亮的简单的画廊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是全高?

解决方法

只有父元素具有定义的高度,而不是auto的值。如果它具有100%的高度,也必须定义父的父高度。这可以直到html根元素。 @H_403_2@因此,将html和body元素的高度设置为100%,以及该元素的每个祖先元素,您希望首先具有100%的高度。

猜你在找的CSS相关文章