Question

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

CSS

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

Answer 1

请参阅此fiddle

要使height:100%能够进行相对定位，您需要将<html>和<body>的高度也设置为100％。

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

将此添加到您的CSS

html,body{
    height:100%;
}

Answer 2

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

body,html{
    height:100%;
}

Answer 3

是，但父容器的高度也必须设置为100％。在你的小提琴的情况下，它将是body

这是因为该位置是相对的，因此您需要询问相对于它的设置。如果将其设置为100％，它将变为其最近父项的100％，因此如果您的父容器小于正文的100％，则相对div将不会填充正文的高度。