为什么可以将宽度设置为屏幕的 100%，而不能设置高度？答案

【问题标题】：Why can the width be set to 100% of the screen, but not the height?为什么可以将宽度设置为屏幕的 100%，而不能设置高度？
【发布时间】：2013-09-14 07:07:03
【问题描述】：

为什么我可以将我的内容的宽度设置为屏幕宽度的 100%，但我无法将内容的高度设置为与我的屏幕高度相匹配？

问题是，如果我为我的内容设置一个固定的高度值，它可能会很合适，并且在我的 Chrome 屏幕上看起来不错，但在 IE 中却不行，而且可能不适合任何可能以高的网站浏览网站的人-分辨率宽屏桌面或你有什么。

这是链接中的代码：http://cssdesk.com/TM6Uq

**注意：“cssdesk 网站在他们的页面顶部有一个粗大的“标题块”，所以当我在他们的网站上查看时，我的页面内容被下推了大约 1-2ems。在 IE 中这意味着您可能看不到我的网页结束位置和屏幕底部之间的底部间隙，但请相信我，正常查看时它在我的浏览器中！（我有一台 DELL Inspiron 1545，屏幕分辨率为 1366 x 768=）

【问题讨论】：

标签： css layout height

【解决方案1】：

您尝试过以下方法吗？

body #home{
  height:100%;
}

【讨论】：

【解决方案2】：

这是一个例子：

html,body {
    margin: 0px;
}
html,body,#yourDiv {
    height: 100%;
}
#yourDiv {
    width: 100%;
    background-color: red;
}

Here is a link to the fiddle

【讨论】：