在沒有JS的情況下填充剩餘空間

有沒有一種方法可以讓'fill'填充剩餘空間而不使用JS？在沒有JS的情況下填充剩餘空間

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

</div>

2011-06-25 oneat

*其高度剩餘空間* ??? – Kissaki

填充高度應該是all.height-ukn.height。 – oneat

只需在#fill div中放置未知div並將其高度設置爲100％即可。

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

    </div> 
</div>

2011-06-25 14:22:53 lukiffer

您應該在文字中注意，您還會將'＃fill'高度設置爲100％。 – Kissaki

感謝Kissaki - 更新了答案。 – lukiffer

我會寫*那些*而不是*它的*，因爲*它*可能被誤認爲*未知*的。無論如何，感謝您的更新。 – Kissaki

#fill{ 
min-height: 250px; 
}

您可能需要將像素更改爲您想的高度。

2011-06-25 14:22:58

調整#fill的「最小高度」只會導致它至少具有特定的大小，而不一定與#ukn的大小有關。 – lukiffer

回答