css - div 高度 100% 未显示在页面上

标签 css html

我试图让一个 div 成为屏幕高度的 100%,但我无法让它工作。我的包装器是 <body> 中的第一个也是最后一个。 ,它的高度是 100%。我在里面还有另一个 div,它的高度也是 100%。它根本不显示在页面上。为什么会发生这种情况?

最佳答案

在 HTML、BODY 和 DIV 标签上必须有 height: 100%;

html, body, div
{
    height: 100%;
    width: 100%;
}

http://jsfiddle.net/Kyle_Sevenoaks/RYmvX/

在例子中可以看到只有div有背景色,它填满了整个窗口。

关于css - div 高度 100% 未显示在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12141084/

相关文章:

javascript - 单击加载一个 div

Javascript。存储 Section 的颜色并重新分配它们。 JS

css - 在 Bootstrap 中格式化 3 个按钮(响应式)

javascript - 如何在点击时切换全屏

javascript - 输入验证消息

css - 仅显示 block 的前 25%

css - 将一张图片放在另一张图片中并使用 css 保持在中间

javascript - Uncaught ReferenceError : myFunctionName is not defined at HTMLInputElement. onclick

html - 如何在 twitter bootstrap 导航菜单上方放置一个固定的 div

javascript - JavaScript 数组和拆分问题