基于2 div的百分比高度

Question

我在另一个内部有2个div

<div id="1">
    <div id="11">aaa</div>
    <div id="12"></div>
</div>

我不知道＃11和＃1身高的高度是100％; 如何设置100％的＃12，而不会溢出？

#12 { height: calc(100% - ?); }

由于

Answer 1

你知道id＃1的高度吗？这对我来说听起来像弹性盒的工作。这是关于CSS Tricks的文章。我通过玩here来学习。我不确定它是否与最新的语法保持同步，但它仍然有用。

Answer 2

不是那么优雅，但是当添加/删除新元素时，动态调整内部div的高度的JavaScript怎么样？如果从不动态添加/删除子项，那么可以在onload / ready上执行计算。