不用JS填充剩余空间

问题描述

| 有没有一种方法可以在不使用JS的情况下通过'fill'填充其剩余高度？

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

</div>

    

解决方法

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

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

    </div>
</div>

    ,        

#fill{
min-height: 250px;
}

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