CSS高度不是100%

Question

我已经检查了许多与此类似的其他问题,但似乎没有解决方案可行.我有一个拥有正文的网站,然后是一个称为内容的内部div.我试过了:

body
{
    height: 100%;
}

content
{
    height: 100%;
}

和

body
{
}

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

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

有什么建议？

Answer 1

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

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