CSS 高度不是 100%

Question

我已经检查了很多其他类似的问题，但似乎没有解决方案。我有一个有主体的网站，然后是一个名为内容的内部 div。我试过:

body
{
    height: 100%;
}

content
{
    height: 100%;
}

和

body
{
}

content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
}

这是大多数问题的答案。但出于某种原因，它对我们不起作用。当我们使用绝对定位进行强制时，它会拉伸(stretch)到超过页面长度，并且在我们希望内容居中时也会将我们的内容推到左侧(使用 margin-left: auto; margin-right:auto;)

有什么建议吗？

Answer 1

除了 body 和你的 div 之外，你还需要将 html 设置为 100% 高度，例如

html, body, div{
   height: 100%;
}