Question

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

问题是，如果我给我的内容一个固定的高度值，它可以很好地适合我的屏幕在Chrome中，但不是在IE浏览器，可能不适合任何人可能看到高的网站 - 分辨率宽屏桌面或你有什么。

**注意：“cssdesk网站的页面顶部有一个厚的”标题栏“，因此在他们的网站上查看时，我的页面内容会被推下约1-2周。在IE中，这意味着您可能看不到我的网页结束位置和屏幕底部之间的底部间隙，但请相信您，正常查看时我的浏览器中存在这个空白！（我有戴尔Inspiron 1545，屏幕分辨率为1366 x 768 =）

Answer 1

你试过以下吗？

body #home{
  height:100%;
}

Answer 2

以下是一个例子：

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

Here is a link to the fiddle

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

2 个答案: