侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2022-09-27 星期二 / 0 评论 / 0 点赞 / 67 阅读 / 1435 字

我正在努力得到布局排序的一个漂亮的简单的画廊webapp,但是当我使用HTML5的doctype声明,我的一些div(100%)的高度正在缩小,我似乎不会丰满他们使用CSS备份。 我的HTML是

...我正在努力得到布局排序的一个漂亮的简单的画廊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%的高度。

. ..

广告 广告

评论区