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

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

问题是，如果我给我的内容一个固定的高度值，它可能很适合我的Chrome屏幕，看起来很好，但在IE中不适合，而且可能不适合任何使用高分辨率宽屏桌面或其他设备查看网站的人

以下是链接中的代码：

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

以下是一个示例：

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

---

您尝试过下面的方法吗

body #home{
  height:100%;
}