相对定位设置高度100%

Question

我一直在努力寻找我的答案。无论如何要在相对定位中将高度设置为 100%？

css

div{
    width:100%;
    height:100%;
    min-height:100%;
    max-height:100%;
    position:relative;
    background:red;
}

Answer 1

看到这个小提琴

为了height:100%在相对定位中工作，您需要将<html>和的高度<body>也设置为 100%。

如果您<div>是子 div，那么您还需要将父<div>s的高度设置为 100%

将此添加到您的 CSS

html,body{
    height:100%;
}

Answer 2

直接的解决方案是增加父级的高度body，如下所示。

body,html{
    height:100%;
}