Html CSS最小高度（以赢得的百分比为单位）'；如果容器的最小高度也以百分比表示，则不起作用

我这里有一个简单的标记：

<div class="fixh">

    <div class="outer">
        <div class="inner">
            inner
        </div>

    </div>

</div>

内部的

---

我想使内部块有至少100%的高度外块。如果内容大于100%，则应溢出。但最小高度的内块：100%不起作用！ 例子：

---

最小高度

实际上不适用于百分比。要解决这个问题，只需使用

高度：100%

此处：

.fixh{
宽度：300px；
高度：300px；
背景颜色：绿色；
}
.外部{
宽度：100%；
身高：100%；
最小高度：100%；
背景颜色：蓝色；
}
.内部{
宽度：100%；
身高：100%；
最小高度：100%；
背景颜色：灰色；
}

内部的

我希望这是你问的问题

---

为什么不加高度：100%到类为

.outer

的元素？如果内容大于100%，它应该有内部滚动条，所以我不能按我尝试的方式使用最小高度，好吗

.fixh {
    width: 300px;
    height: 300px;
    background-color: green;
}
.outer {
    width: 100%;
    min-height: 100%;
    background-color: blue;
    height: 100%;
}
.inner {
    color:#fff;
    width: 100%;
    height: 100%;
    line-height: 20px;
    word-break: break-all;
    overflow: auto;
}