如何将 div 的高度设置为与屏幕高度相同答案

【问题标题】：How to Set Height of a div same as the Screen Height如何将 div 的高度设置为与屏幕高度相同
【发布时间】：2011-10-04 07:03:29
【问题描述】：

如果屏幕尺寸发生变化，我需要一个可更改的 div 高度。

我还需要 div 是可滚动的，因为内容可能很大。
但仅当它大于屏幕尺寸时。

它也应该在 IE6 上工作

有没有可能？

如果是，
请给我完整的 css、html 和 javascript。

【问题讨论】：

【解决方案1】：

设置宽度 100%;它的作品

body {
width:100%;
height:100%;
}

#wrapper {
width:100%;
background:#ccc;
}

【讨论】：

【解决方案2】：

如果 div 是 body 的直接子级，而不仅仅是在 div 和 body 上设置 height: 100%。像这样：

body, #your-div-id {
   height: 100%;
}

就可书写性而言，就去吧：

#your-div-id {
   overflow: auto;
}

你觉得有道理吗？

【讨论】：