html - 基于 2 div 的百分比高度

Question

我在另一个里面有 2 个 div

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

我不知道#11的高度和#1的高度是100%；如何设置 #12 的 100% 而不溢出？

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

谢谢

Answer 1

不太优雅，但是当添加/删除新元素时，一些动态调整内部 div 高度的 JavaScript 怎么样？如果永远不会动态添加/删除子项，那么您可以在加载/准备好后进行计算。

Answer 2

你知道 id#1 的高度吗？对我来说，这听起来像是 flex-box 的工作。这是一篇关于CSS 技巧的文章。我是通过在这里玩来学习的。我不确定它是否是最新的语法，但它仍然应该有帮助。