html - 高度不随％改变

我正在使用％值设置div的高度，但不起作用，但可以使用px值这是div：

<body>
    <div class="my-header">
        <div class="container">
            <h3>Control de Cuotas</h3>
        </div>
    </div>

这是CSS：

.my-header{
    background-color: rgb(48, 48, 241);
    min-height: 20%;
    margin-bottom: 25px;
    color: white;
    padding-top: 20px;
}

带有百分比的值不适用于任何值，但只能使用px

.my-header{
    background-color: rgb(48, 48, 241);
    min-height: 85px;
    margin-bottom: 25px;
    color: white;
    padding-top: 20px;
}

div改变高度，是什么原因？