Css 高度100%不工作

所以我有一个应该有100%高度的div。它唯一的父元素是

，因此100%应该是窗口的高度。但它并没有跨越屏幕的高度，而是与屏幕内的容器元素一样高。有趣的是，如果我使用固定定位，它会做我想做的事情。唉，我不能在站点布局中使用fixed。这是我的css。如果您现在想查看该网站的外观，请访问以下链接：

---

我有没有办法让这个部门100%的工作？我很确定这个问题有一个简单的答案，但我找不到。提前谢谢

您必须确保

.content

的所有父级都定义了

高度

因此，在您的情况下，缺少的是：

html, body {
   height: 100%;
}

可供替代的
或者你可以将
.content
定位为
固定的
，你会有同样的效果，但方法不同

.content {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}

使身体100%高

html, body {
    height: 100%;
}

html, body {
    height: 100%;
}