没有JS填充剩余空间

Question

有没有办法让'填充'在不使用JS的情况下通过其高度剩余空间来填充？

<div id="all" style="height: 30%">
<div id="ukn" style="height: unknown"></div>
<div id="fill"></div>

</div>

Answer 1

只需将未知div放在#fill div中，并将其高度设置为100％。

<div style="height:30%;">
    <div id="fill" style="height:100%;">
        <div style="height:_unknown_;"></div>

    </div>
</div>

Answer 2

#fill{
min-height: 250px;
}

您可能需要将像素更改为您想要的高度。